React Recipe Hub

Site is Live

The recipe hub is live and accessible at https://reactrecipehub.netlify.app. Check it out and start exploring delicious recipes!

Features

• Browse a wide variety of recipes
• Search for specific recipes
• View recipe details and instructions
• Lazy loading for improved performance

Technologies Used

• React JS
• Vite
• Spoonacular API
• Material UI

Getting Started

To get started with the recipe hub, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/recipe-hub.git

2. Navigate to the project directory:

   cd recipe-hub

3. Install the dependencies:

   npm install

4. 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>

5. Start the development server:

   npm run dev

6. Open your browser and visit http://localhost:3000 to access the recipe hub.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.