Food_Delivery

• 

  food_delivery_website

Inspiration

The inspiration behind this project came from my interest in exploring how food delivery platforms like Zomato and Swiggy function. I wanted to understand the complete flow—from browsing items to placing an order—and use this as a way to strengthen my web development skills.

What it does

The website allows users to: Browse food items from multiple restaurants Add items to a cart Log in or register as a user Place orders and view order history Access a mobile-friendly and responsive UI for a smooth user experience

How we built it

I built this project using the MERN stack: Frontend: React.js, HTML, CSS, JavaScript Backend: Node.js, Express.js Database: MongoDB I handled both the client-side and server-side logic, ensuring the app is interactive, efficient, and scalable.

Challenges we ran into

Integrating the frontend and backend properly (handling CORS issues) Managing authentication and protected routes Making the UI fully responsive across devices Ensuring the data flow from cart to order placement was bug-free

Accomplishments that we're proud of

Completed a fully working end-to-end food delivery system Implemented authentication, cart functionality, and real-time order tracking Designed a user-friendly interface that works well on mobile and desktop Gained confidence in full-stack development using the MERN stack

What we learned

How to connect frontend and backend seamlessly Using React hooks and managing app-wide state Creating and testing RESTful APIs How to debug issues across the full stack Best practices for writing clean, reusable code

What's next for Food_Delivery

Add real-time order tracking with WebSockets Implement payment gateway integration Add restaurant dashboard for managing menus and orders Improve UI/UX for a more modern and appealing look Deploy the app and make it publicly accessible

Built With

• css
• express.js
• git
• github
• html
• javascript
• mongodb
• node.js
• postman
• react
• vercel
• vscode