Project Introduction
The food ordering website allows users to browse menus from different restaurants, view meal details, and place orders.
Project Background
This project originated from an internship interview in 2024. During the first-round interview, the interviewer used the homepage of the company's food delivery platform as an example and asked how many days I would need to build a similar interface. I estimated about five days, so during the waiting period between the first and second interview rounds, I built a simulated food delivery platform homepage and restaurant pages to validate my actual development pace. To obtain meal data that was closer to a real-world scenario, I built the backend and integrated the TheMealDB API, then used the retrieved meal and menu data on the website. I ultimately completed the entire project in two days, allowing me to validate how long it would actually take to meet the interview requirement while demonstrating my initiative and execution toward the internship opportunity.
Project Showcase
Homepage
Users can browse restaurants organized by category and select a restaurant to view its details.
Restaurant Details
The restaurant page displays ratings, cuisine type, location, and images, along with a complete menu for users to browse and select meals.
Meal Details
Technologies
- React: Builds restaurant, menu, and meal detail pages
- SCSS: Designs the website styles and layout
- Node.js: Builds the backend
- TheMealDB API: Retrieves meal and menu data
Data Sources
The restaurant names used on the website are fictional data generated by AI, restaurant images are sourced from Pexels, and meal data is provided by TheMealDB.