https://github.com/aanchalm691/tasty-takeaway
Tasty Takeaway is a simple React-based food listing app showcasing top restaurants.
https://github.com/aanchalm691/tasty-takeaway
frontend-project functional-components hoo jsx react reactjs reactlearning
Last synced: 10 months ago
JSON representation
Tasty Takeaway is a simple React-based food listing app showcasing top restaurants.
- Host: GitHub
- URL: https://github.com/aanchalm691/tasty-takeaway
- Owner: aanchalm691
- Created: 2025-05-18T04:02:18.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-05-18T04:11:35.000Z (11 months ago)
- Last Synced: 2025-05-18T05:23:22.541Z (11 months ago)
- Topics: frontend-project, functional-components, hoo, jsx, react, reactjs, reactlearning
- Language: JavaScript
- Homepage:
- Size: 2.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# 🍽️ Tasty Takeaway
**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.
---
## 🛠️ Technologies Used
- **ReactJS**
- **JavaScript (ES6+)**
- **HTML & CSS**
- **Parcel (Webpack)** – for bundling (adjust based on what you used)
---
## 📦 Getting Started
### 1. Clone the Repository
```bash
git clone https://github.com/aanchalm691/tasty_takeaway.git
cd tasty_takeaway
````
### 2. Install Dependencies
```bash
npm install
```
### 3. Run the App
```bash
npm start
```
The app will run at `http://localhost:1234` (or the default port based on your bundler).
---
## 📚 Learnings
* 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.
---
## 🙌 Acknowledgments
This project is a personal learning initiative and not affiliated with any real food delivery service or restaurant database.
---
## 📬 Feedback
Feel free to open an issue or submit a pull request if you have suggestions or improvements!