Forkify Recipe App

Forkify is a web application that allows users to search for recipes, view recipe details, bookmark favorite recipes, and add their own recipes.

Features

• Search for recipes using keywords
• View detailed recipe information
• Bookmark favorite recipes
• Add custom recipes
• Responsive design for various screen sizes

Technologies Used

• HTML5
• CSS3 (SCSS)
• JavaScript (ES6+)
• vite (for bundling)

Project Structure

• index.html: Main HTML file containing the structure of the application
• src/: Source folder containing all assets and scripts
  • img/: Images used in the application
  • sass/: SCSS files for styling
  • js/: JavaScript files for application logic
    • controller.js: Main controller file

Setup and Installation

1. Clone the repository
2. Install dependencies: npm install
3. Run the development server: npx vite
4. Build for production: vite build

or visit https://forkifyeg.netlify.app/

Usage

1. Open the application in a web browser
2. Use the search bar to find recipes
3. Click on a recipe to view details
4. Bookmark recipes by clicking the bookmark icon
5. Add your own recipes using the "Add recipe" button