https://github.com/iamaltaf786/flavorfind
Made a food recipe app with React + Vite and free API. Visit here for live view
https://github.com/iamaltaf786/flavorfind
api react-hooks react-router react-router-dom reactjs responsive-web-design themealdb-api vite vscode
Last synced: 3 months ago
JSON representation
Made a food recipe app with React + Vite and free API. Visit here for live view
- Host: GitHub
- URL: https://github.com/iamaltaf786/flavorfind
- Owner: iamaltaf786
- Created: 2024-11-01T14:29:36.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-27T12:09:47.000Z (about 1 year ago)
- Last Synced: 2025-06-27T12:39:54.709Z (about 1 year ago)
- Topics: api, react-hooks, react-router, react-router-dom, reactjs, responsive-web-design, themealdb-api, vite, vscode
- Language: JavaScript
- Homepage: https://iamaltaf786.github.io/FlavorFind/
- Size: 6.91 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FlavorFind
## Description
The FlavorFind App is a React-based application that allows users to search for various recipes. Users can enter a dish name (such as... cake, veg, egg, chilli, etc.) to find recipes and view detailed instructions for each meal.
## Features
- Search for meals by name.
- View detailed recipe instructions.
- Responsive design.
## Technologies Used
- React
- React Router
- CSS
- [TheMealDB API](https://www.themealdb.com/api.php)
## Installation
To get a local copy up and running, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/iamaltaf786/FlavorFind.git
cd your-repo-name
```
2. Install the dependencies:
```bash
npm i
```
3. Start the development server:
```bash
npm start
```
4. To deploy the app to GitHub Pages, run:
```bash
npm run deploy
```
### Feel free to make any other adjustments as needed! Let me know if you need anything else.