/YoFood

YoFood is a food ordering app built using the MERN (MongoDB, Express, React, Node.js) stack. It allows users to browse through a variety of food items, add them to their cart, and place orders for delivery.

Primary LanguageJavaScript

YoFood - Food Ordering App

YoFood is a food ordering app built using the MERN (MongoDB, Express, React, Node.js) stack. It allows users to browse through a variety of food items, add them to their cart, and place orders for delivery. The app showcases various features of a food ordering platform and demonstrates the integration of a frontend React application with a backend API.

Demo - https://bit.ly/yofoodjash

FireShot_Capture_001_-Multi_Device_Website_Mockup_Generator-_techsini com-removebg-preview (1)

Features

  • Browse and order from a diverse range of food items.
  • Single-page application built with React, providing a smooth user experience.
  • Cart functionality: Add and remove items, adjust quantities, and view the total cost.
  • Food categories: Explore different categories such as vegetarian, non-vegetarian, pizza, pasta, biryani, rice, etc.
  • User authentication: Register and log in to the app using encrypted JSON Web Tokens (JWT).
  • Secure and encrypted database storage for user data and order history.
  • User-friendly interface with options to select food variants.
  • Easy checkout process and view previous orders.
  • Fast and responsive application design for a seamless user experience.

Installation and Usage

  1. Clone the repository: git clone https://github.com/BlackHatDevX/YoFood.git
  2. Install dependencies for both the frontend and backend:
cd YoFood
npm install
cd backend
npm install
  1. Start the backend server (default backend localhost:5000):
npm i nodemon
nodemon

🔴Change default backend url in frontend (/src/index.js) line - 8 accordingly🔴

4. Start the frontend in another terminal (default frontend localhost:3000), Go to the root folder of repo i.e YoFood in commandline 
npm start
  1. Open your browser and visit: http://localhost:3000

Technologies Used

  • Frontend: React, React Router, Axios
  • Backend: Express.js, Node.js
  • Database: MongoDB (encrypted using JWT)
  • Authentication: JSON Web Tokens (JWT)
  • Styling: CSS (you can add additional styling frameworks as needed)

Screenshots

YoFood Home Page YoFood Cart YoFood Order History

Contributions

Contributions are welcome! If you'd like to contribute to YoFood, feel free to submit pull requests or issues through the GitHub repository.

Contact

Feel free to connect with me if you have any questions, suggestions, or just want to say hello!

Let's connect and collaborate!

License

This project is licensed under the MIT License.