Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/blackhatdevx/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.
https://github.com/blackhatdevx/yofood
full-stack html javascript mern mern-stack react reactjs webapp
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/blackhatdevx/yofood
- Owner: BlackHatDevX
- Created: 2023-08-13T10:09:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-07T19:56:40.000Z (5 months ago)
- Last Synced: 2024-08-07T22:52:28.399Z (5 months ago)
- Topics: full-stack, html, javascript, mern, mern-stack, react, reactjs, webapp
- Language: JavaScript
- Homepage: https://bit.ly/yofoodjash
- Size: 507 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
## 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
```
3. 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
```
5. Open your browser and visit: [http://localhost:3000](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
## Contributions
Contributions are welcome! If you'd like to contribute to YoFood, feel free to submit pull requests or issues through the [GitHub repository](https://github.com/BlackHatDevX/YoFood).
## Contact
Feel free to connect with me if you have any questions, suggestions, or just want to say hello!
- **Portfolio**: [bit.ly/jashgro](https://bit.ly/jashgro)
- **Telegram**: [@deveIoper_x](https://telegram.dog/deveIoper_x)
- **LinkedIn**: [Jash Gro](https://www.linkedin.com/in/jash-gro)
- **Instagram**: [@jash_gro](https://www.instagram.com/jash_gro/)
- **Twitter**: [@jash_gro](https://twitter.com/jash_gro)
Let's connect and collaborate!
## License
This project is licensed under the [MIT License](LICENSE).