Welcome to the React Full Recipe App! This app allows you to discover a wide range of delicious recipes, including popular items, veggie picks, and various cuisine categories such as Italian, Chinese, Thai, and American. You can also use the search feature to find your favorite recipes quickly.
- Browse popular recipes.
- Explore veggie picks for healthy options.
- Discover recipes from various cuisine categories: Italian, Chinese, Thai, and American.
- Search for specific recipes by name or ingredients.
- User-friendly interface built with React and Material-UI.
- Routing provided by React Router.
- Fast development with Vite.
This project is built with the following technologies:
- React: A JavaScript library for building user interfaces.
- React Router: For handling routing within the app.
- Material-UI: A popular library for building beautiful and responsive UI components.
- Vite: A fast build tool for modern web development.
To run this project locally, you'll need Node.js and npm (or yarn) installed on your computer.
-
Clone the repository:
git clone
-
Navigate to the project directory:
cd react-full-recipe-app
-
Install dependencies:
npm install # or yarn install
-
Start the development server:
npm run dev # or yarn dev
- On the homepage, you'll find a selection of popular recipes.
- Click on "Veggie Picks" to explore healthy and vegetarian recipes.
- Browse recipes from different cuisines by selecting Italian, Chinese, Thai, or American from the navigation menu.
- Use the search feature to find specific recipes by name or ingredients.
- Enjoy your cooking and discover new culinary delights!
We welcome contributions from the open-source community. If you'd like to contribute to this project, please follow these steps:
- Create a new branch for your feature: git checkout -b feature-name.
- Make your changes and commit them: git commit -m 'Add feature'.
- Push your changes to your fork: git push origin feature-name.
- Create a pull request.
- Please make sure your code follows best practices and is well-documented.