Eat and Smile recipe finder web app

Welcome to the Google of recipes! This web-based application allows you to search for recipes across the world. If you want to try something new to eat you should definitely give Eat and Smile a try.

---

Table of Contents

• Getting Started
  • Installation
• Features
• Technologies Used
• Screenshots
  • Mobile view
  • Desktop view

Getting Started

Installation

1. Clone the repository:

   git clone https://github.com/your-username/repository-name.git
   

2. Move into the project directory:

   cd repository-name
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   • Open a new terminal and type in the code below

     npm run dev
     

   The frontend development server will run on http://localhost:1234.

Features

• Responsive design using Bootstrap.

• Search bar: The website includes a powerful and user-friendly search bar that allows users to quickly find their desired recipes. Users can enter specific keywords, ingredients, or recipe names, and the search functionality will return relevant results from the recipe database.

• Edamam food recipe API: The website leverages the Edamam food recipe API, a comprehensive database of recipes from around the world. This API provides access to a vast collection of recipes, each with detailed information, ingredients, nutritional data, and cooking instructions.

• Filters: To enhance the user experience, the website incorporates various filters that help users refine their recipe searches. Users can narrow down results by dietary preferences, cuisine types, brunch, preparation time, and more.

• Dropdown menu: The dropdown menu provides easy navigation to recipe categories.

Technologies Used

• Html
• CSS
• Sass
• Bootstrap
• Javascript
• Parcel build tool

Screenshots

Live link - https://foodrecipe-finder-web-app-doyedesigns.netlify.app/index.html

Mobile view

`

`

Desktop view

Contributing

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b your-feature-branch
3. Make your changes and commit them: git commit -m "Add your message here"
4. Push to the branch: git push origin your-feature-branch
5. Submit a pull request.

---

Replace your-username and your-mern-vite-app with your GitHub username and project repository name, respectively.

In this README file, I've included instructions on how to set up the project, features, technologies used, and how to contribute. It provides a comprehensive guide for other developers to replicate the project and start contributing.