FeedBook

Welcome to FeedBook, a simple recipe app where you can discover and save your favorite recipes!

Link

https://irinkaskitchen.vercel.app/

Table of Contents

• Introduction
• Features
• Dependencies
• Installation
• Usage
• Folder Structure

Introduction

FeedBook is a recipe app built with React and powered by the Spoonacular API. It allows users to explore a variety of recipes, Authenticated users have the opportunity to use additional functionality e.g save their favorites, and manage their saved recipes.

Features

• Browse a list of random recipes.
• Click on a recipe to view its details.
• for authenticated users Save recipes to favorites.
• View your saved recipes on the Favorites page.

Dependencies

• React
• React Router
• React Hooks
• Firebase Authentication
• Spoonacular API
• Axios
• Yarn

Installation

To run the app locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/FeedBook.git
   
   

Usage

• Authenticate
• Explore recipes on the home page.
• Click on a recipe card to view its details.
• Save recipes to your favorites by clicking the heart icon.
• Navigate to the Favorites page to view your saved recipes.

Folder Structure

FeedBook/
|-- public/
|-- src/
|   |-- components/
|   |   |-- RecipeCard.jsx
|   |   |-- RecipeDetails.jsx
|   |   |-- RecipeList.jsx
|   |   |-- ...
|   |-- pages/
|   |   |-- RecipeDetailsPage.jsx
|   |   |-- RecipeListPage.jsx
|   |   |-- FavoritesPage.jsx
|   |   |-- ...
|   |-- App.jsx
|   |-- index.jsx
|-- .gitignore
|-- package.json
|-- README.md
|-- ...