Giter VIP home page Giter VIP logo

ghum-restaurant-5th's Introduction


๐Ÿ’ซ ABOUT ME:

๐Ÿ”ญ Iโ€™m currently working on my software development projects in my third year of university.

๐Ÿ‘ฏ Iโ€™m looking to collaborate on impactful open-source projects.

๐Ÿค Iโ€™m looking for help with complex algorithms and systems design.

๐ŸŒฑ Iโ€™m currently learning about AI and machine learning.

๐Ÿ’ฌ Ask me about my programming projects and future trends in software engineering.

โšก Fun fact : The first computer "bug" was actually a trapped moth!

๐Ÿ’ป TECH STACK:

My Skills

Skill List
Frontend Angular.js MUI Next JS React Redux TailwindCSS Vue.js
Backend Django Express.js Flask jQuery JWT NodeJS Socket.io Spring
Database MongoDB MySQL Postgres Redis
DevOps AWS Azure Vercel Cloudflare Heroku Firebase Docker Postman Kubernetes

๐Ÿ“Š STATISTICS:



๐Ÿ† TROPHIES

โœ๏ธ QUOTES

๐Ÿ” TOP CONTRIBUTED REPO


๐Ÿ’ฐ You can help me by Donating

BuyMeACoffee

ghum-restaurant-5th's People

Contributors

veevism avatar webwebweb5 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

ghum-restaurant-5th's Issues

Delete menu from database (Admin)

As an Admin, you can delete items in the database.

Delete only one item per time using id as a value to point to each menu you want to delete.

Create order_details database

order_details:

const orders = new mongoose.Schema({
userId: String, // Reference to the user who placed the order
items: [
{
itemId: String, // Reference to the item
quantity: Number,
price: Number, // Store price at the time of the order to handle price changes
},
// ... more items
],
orderDate: Date,
status: String, // e.g., 'Processing', 'Shipped', 'Delivered', 'Canceled'
});

Users will create a new order database when they select an item to the cart and then click the checkout button.

Design index

  1. navbar
  2. carousel menu preview
  3. overall menu
  4. footer
  5. cart

Setup environment

  1. Install node

modules:

  • express
  • body-parser
  • lodash
  • axios
  • nodemon
  1. Create the essential files/folders.

  2. .gitignore

  3. readme.md

Edit item in database (Admin)

As an Admin, you can edit items in the database.

Edit only one item per time using id as a value to point to each menu you want to edit.

*note: you should not edit _id

Add menu json

Each menu contains ->

  • id
  • title
  • category
  • price
  • img
  • desc
  • quantity.

Example:
{
id: 0,
title: "buttermilk pancakes",
category: "breakfast",
price: 15.99,
img: "./images/item-1.jpeg",
desc: I'm baby woke mlkshk wolf bitters live-edge blue bottle, hammock freegan copper mug whatever cold-pressed ,
quantity: 0,
}

Create admin navbar

using ejs

LEFT:
logo, dashboard, add menu, manage menu

RIGHT:
Logout, github

Create add to cart function

Use JavaScript to create add to cart function.

Click the menu to add a menu to the cart.

Additional:

  • Use sessionStorage to store data for the session.

Connect Checkout page to the database

function as following :

  • User can click submit the form to send the data to store in the database
  • User can edit their cart real time with the database

Create authentication system

Database:

user => username, password, FirstName, lastName, contact, address: { name, location: { country, zip }, order_details_id.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.