Sabroso Recipe finder

"Sabroso Recipe Finder" is a website designed to allow users to discover and explore a wide range of recipes. It provides a user-friendly interface where users can search for recipes based on ingredients, cuisine types, or dietary preferences. The website aims to inspire users to try new recipes, learn cooking techniques, and share their favorite recipes with others.

Key Features:

Recipe Search:

By Ingredients: Users can input specific ingredients they have on hand and find recipes that include those ingredients. By Cuisine: Users can filter recipes based on different cuisine types like Italian, Chinese, Mexican, etc. By Dietary Preferences: Options to search for vegetarian, vegan, gluten-free, keto, etc.

User-Friendly Interface:

Intuitive and clean design for easy navigation. Search bar prominently displayed for quick access to recipes.

Recipe Details:

Each recipe page includes a detailed list of ingredients, step-by-step cooking instructions, cooking time, and nutritional information. High-quality images of the dishes. Cooking Techniques: Articles and videos on various cooking techniques to help users improve their culinary skills.

User Accounts:

Users can create accounts to save their favorite recipes and create shopping lists. Option to submit and share personal recipes with the community. Community Interaction:

Comment sections for users to leave feedback on recipes. Rating system to highlight popular recipes.

Mobile-Friendly:

Responsive design to ensure the website works well on mobile devices. Technical Stack:

Frontend:

React: For building the user interface. CSS/SCSS: For styling the website. React Router: For handling navigation between different pages.

Backend:

Emailjs Integration with external recipe APIs to fetch a wide variety of recipes.

Installation

Before using the Sabroso recipe finder, please ensure that you have the following dependencies installed on your system. You can find installation instructions on their respective websites or install them using the provided command:

Enter to Project

cd sarbroso

start the project

npm start

API

npx create-react-app sabroso
cd sabroso
npm install react-router-dom axios

Basic folder Structure

sabroso/
├── public/
├── src/
│   ├── components/
│   │   ├── Header.js
│   │   ├── Footer.js
│   │   ├── RecipeCard.js
│   │   ├── SearchBar.js
│   ├── pages/
│   │   ├── HomePage.js
│   │   ├── RecipePage.js
│   │   ├── SearchResultsPage.js
│   ├── App.js
│   ├── index.js

You can get the project from:

https://github.com/anuteshome/Sabroso/

Development

• If you'd like to contribute to the project, feel free to fork the repository and submit pull requests with your changes.
• Make sure to follow the coding style and conventions used in the existing codebase.

Author

• Ananya Teshome

License

This project is licensed under the MIT License. See the LICENSE file for more details.