The recipe hub is live and accessible at https://reactrecipehub.netlify.app. Check it out and start exploring delicious recipes!
- Browse a wide variety of recipes
- Search for specific recipes
- View recipe details and instructions
- Lazy loading for improved performance
- React JS
- Vite
- Spoonacular API
- Material UI
To get started with the recipe hub, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/recipe-hub.git
-
Navigate to the project directory:
cd recipe-hub
-
Install the dependencies:
npm install
-
Set up your Spoonacular API key:
-
Visit the Spoonacular API website and sign up for an account.
-
Obtain your API key from the dashboard.
-
Create a
.env
file in the root directory of the project. -
Add the following line to the
.env
file, replacing<YOUR_API_KEY>
with your actual API key:REACT_APP_SPOONACULAR_API_KEY=<YOUR_API_KEY>
-
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:3000
to access the recipe hub.
Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or submit a pull request.
This project is licensed under the MIT License.