Foodverse is an online recipe application that brings culinary inspiration to your fingertips. Discover a world of delicious recipes, beautifully presented, and ready to inspire your next meal. This project showcases the power of React, React Router, Tailwind CSS, data fetching, and CSS animations to create an immersive and visually appealing cooking experience.
- Recipe Search: Explore a vast collection of recipes with a user-friendly search feature.
- Recipe Details: Dive into the details of each recipe, including ingredients and step-by-step instructions.
- Category Filters: Browse recipes by categories such as cuisine, dietary restrictions, and more.
- Save Favorites: Mark your favorite recipes for quick access in the future.
- Interactive UI: Enjoy a smooth and responsive user interface with CSS animations and transitions.
- React: Building the application's dynamic UI and components.
- React Router: Managing navigation and routing within the application.
- Tailwind CSS: Styling the application for a modern and responsive design.
- Data Fetching: Retrieving recipe data from external APIs.
- CSS Animation: Enhancing the user experience with subtle animations.
To run Foodverse locally, follow these steps:
-
Clone the repository:
` https://github.com/sadrilamin1999/foodverse.git `
-
Navigate to the project directory:
cd foodverse -
Install dependencies:
npm install -
Start the development server: ` npm start
`
Foodverse demonstrates the power of modern web technologies to create a delightful recipe discovery experience. Whether you're a seasoned chef or a kitchen novice, Foodverse invites you to explore, create, and savor culinary delights like never before. Dive into the world of flavors and start cooking up your favorites today!