Code Monkey home page Code Monkey logo

pizza-fleet-mern's Introduction

๐Ÿ• Pizza Fleet

Pizza Fleet Capture

โœจ๐Ÿš€Pizza Fleet is a pizza delivery web application that allows customers to order pizzas online. The application also allows customers to manage their profile, view their orders history and shipping addresses, and switch between light and dark mode. It is built using modern web technologies and provides an intuitive and easy-to-use interface for customers to order their favorite pizzas.
Built from scratch with MERN Stack (ReactJS, NodeJS, ExpressJS, MongoDB).
โœจ๐Ÿš€

Live Demo


โ˜„ Features โ˜„

  • Customer authentication: Customers can register and login using either email and password or OAuth via Google or Facebook accounts. JWT tokens are used to authenticate and authorize requests.

  • Pizza menu: Customers can browse the available pizza menu and select the pizzas they want to order. They can also see the details of each pizza, including the description, toppings, and price.

  • Search bar: Allows users to search for pizzas by name.

  • Price range slider filter: Allows users to filter pizzas by price.

  • Pizza selection and quantity: Customers can select the pizzas they want to order and specify the quantity.

  • Shopping cart management: Customers can add pizzas to their shopping cart, update the quantity of a pizza item, or delete an pizza item from the shopping cart.

  • Coupons application: Customers can apply coupons to their shopping cart, which are specific to a particular pizza. The application checks the validity of the coupon and applies the discount to the total price of the order.

  • Order placement: Customers can place orders by specifying their delivery address and confirming their order details.

  • Profile management: Customers can view and edit their profile information, including their name, email, and password. They can also view their shipping addresses and their orders history.

  • Light and Dark mode: Customers can switch between light and dark mode, depending on their preference.

  • ... And more to come with next updates!


๐Ÿ’ป Used Technologies ๐Ÿ’ป

  • ReactJS
  • ExpressJS
  • NodeJS
  • MongoDB
  • Redux
  • Redux Toolkit
  • Mantine UI V5

โ“ How to use โ“


1- Clone this repo.

git clone https://github.com/ilyasbelfar/Pizza-Fleet.git
cd Pizza-Fleet

2- Install Client dependencies.

cd client/
npm i

3- Install Server dependencies.

cd server/
npm i

4- Configure environment variables by creating .env file in the server directory and copy the content of env.example file in .env file, and fill it with your own secrets.

cd server/
cp env.example .env

5- Create a MongoDB database and name it 'my_app', You can use MongoDB Atlas cloud free tier.

6- Start server.

cd server/
npm start

7- Start client in another terminal while the server is running.

cd client/
npm start

๐Ÿ“Œ Other ๐Ÿ“Œ


I encourages contributions! Feel free to discuss any bug fixes/features in the issues section. And if you wish to work on this project:

  1. Fork this project
  2. Create a branch (git checkout -b new-branch)
  3. Commit your changes (git commit -am 'add new feature')
  4. Push to the branch (git push origin new-branch)
  5. Submit a pull request!

pizza-fleet-mern's People

Contributors

ilyasbelfar avatar

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.