Foodie - MERN Stack Food Delivery App Foodie is a modern and responsive food delivery application built using the MERN (MongoDB, Express, React, Node.js) stack. The app offers seamless functionality for users to explore, add food items to their cart, and place orders. With robust user authentication and data security features, it provides an engaging and safe user experience. This project is inspired by the End-to-End MERN Stack Playlist by Arshdeep Singh, whose guidance was instrumental in building this app.
Installation and Setup: Prerequisites: Ensure you have the following installed:
Features:
- User Authentication:
- Implemented user sign-up and login functionality using JWT (JSON Web Tokens) for secure authentication.
- Passwords are securely hashed using bcrypt to ensure user data protection.
- Food Menu and Add to Cart:
- Display a variety of food items fetched dynamically from the backend.
- Users can browse food items and add them to their cart for future checkout.
- My Cart:
- A dedicated cart page where users can view items added to their cart.
- Items in the cart can be updated or removed as per user preferences.
- Responsive Design:
- Leveraged React-Bootstrap to ensure the app is fully responsive across devices, providing a consistent experience for desktop, tablet, and mobile users.
Technology Stack: Frontend -
- React.js: For building the user interface.
- React-Bootstrap: For responsive and modern design components.
Backend -
- Node.js: As the runtime environment.
- Express.js: To create RESTful APIs.
Database -
- MongoDB: For storing user data, food items, and orders.
Security -
- JWT (JSON Web Tokens): For secure user authentication.
- bcrypt: For hashing user passwords.
Credits This project was built with the help of the End-to-End MERN Stack Playlist by Arshdeep Singh. A huge thanks to him for his excellent guidance and clear explanations.
License This project is licensed under the MIT License. Feel free to use, modify, and distribute it as needed.
Contributing Contributions are welcome! Feel free to submit a pull request or raise issues for any suggestions or bugs.
Contact For any queries or feedback, feel free to reach out:
- Email: [email protected]
- GitHub: purva-5499 (https://github.com/purva-5499)