This React Recipe App is designed to help users explore and discover various recipes. It utilizes React and React Router for seamless navigation through different sections of the app.
- Explore a variety of recipes.
- View details of a specific recipe.
- Browse recipes by category.
- Search for recipes using keywords.
App.js: Main application component that sets up the routing using React Router.components/Home.js: Home page component displaying a navigation bar, a popular slider, and a trending slider.components/RecipeId.js: Component to display details of a specific recipe based on the providedidMeal.components/Category.js: Component to display a list of recipes based on the selected category.components/SearchElement.js: Component allowing users to search for recipes based on a provided search term.
-
Clone the repository:
git clone https://github.com/Surajkumar4-source/react-recipe-app.git
-
Navigate to the project directory:
cd react-recipe-app -
Install dependencies::
npm install
npm start
This will start the development server, and you can view the app at http://localhost:3000 in your web browser.