https://github.com/hardcoder05/recipesearchapi
ReactJS and API fetching practice. A website which lets you find any food and dishes.
https://github.com/hardcoder05/recipesearchapi
api fetch-api hooks pagination reactjs
Last synced: 2 months ago
JSON representation
ReactJS and API fetching practice. A website which lets you find any food and dishes.
- Host: GitHub
- URL: https://github.com/hardcoder05/recipesearchapi
- Owner: HardCoder05
- Created: 2024-11-07T14:50:59.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-12T20:58:12.000Z (6 months ago)
- Last Synced: 2025-02-13T17:53:32.486Z (4 months ago)
- Topics: api, fetch-api, hooks, pagination, reactjs
- Language: JavaScript
- Homepage: https://recipe-search-api-one.vercel.app
- Size: 45.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Recipe Search API
Welcome to the Recipe Search API project! This project showcases my skills in React by creating a dynamic and responsive web application that allows users to search for recipes using an external API.
## Getting Started
To get a local copy up and running, follow these simple steps:
1. **Clone the repository**:
```sh
git clone [email protected]:HardCoder05/RecipeSearchAPI.git
```
2. **Install dependencies**:
```sh
cd RecipeSearchAPI
npm install
```
3. **Start the development server**:
```sh
npm run dev
```
## Project Structure
```
RecipeSearchAPI/
├── public/
├── src/
│ ├── components/
│ ├── App.css
│ ├── App.jsx
│ ├── index.css
│ ├── main.jsx
├── .gitignore
├── package.json
└── README.md
```
## Demo
Check out the live demo [here](https://recipe-search-api-one.vercel.app/).