Tasty Takeaway is a dynamic food listing app built with ReactJS, designed to showcase top restaurants using clean, card-style layouts. Built as a learning project, it focuses on implementing search and filter features using static data while reinforcing core React and JavaScript concepts.
🚀 Features
🔍 Search Functionality – Allows users to filter restaurants based on their name input.
⭐ Top-Rated Filter – Highlights and displays restaurants with ratings above a certain threshold.
🧾 Mock Data Display – Restaurants are rendered from static, hardcoded JSON-style data.
🧹 Reset Option – Users can easily clear all filters and return to the full list.
🖼️ Clean Restaurant Card UI – Each restaurant is displayed in a neatly styled card format.
- ReactJS
- JavaScript (ES6+)
- HTML & CSS
- Parcel (Webpack) – for bundling (adjust based on what you used)
git clone https://github.com/aanchalm691/tasty_takeaway.git
cd tasty_takeawaynpm installnpm startThe app will run at http://localhost:1234 (or the default port based on your bundler).
- React Fundamentals use of functional components.
- Working with React Hooks (
useState). - Building reusable components and managing props/state effectively.
- Search filter logic and conditional rendering.
This project is a personal learning initiative and not affiliated with any real food delivery service or restaurant database.
Feel free to open an issue or submit a pull request if you have suggestions or improvements!