Food Canvas - Recipe Food Application

Description

The Recipe Food Application is a modern web application that allows users to explore a variety of recipes based on different categories, including vegetarian, workout meals, and more. Users can search for recipes, view detailed information, and get inspired to cook healthy and delicious meals.

Features

• Recipe Browsing: Explore a wide selection of recipes with images and descriptions.
• Search Functionality: Easily search for recipes based on keywords.
• Recipe Categories: Browse recipes by categories such as vegetarian, workout meals, and more.
• Recipe Details: View detailed information about each recipe, including ingredients and instructions.
• User Accounts: Register and log in to save favorite recipes and access personalized features.
• About Us Page: Learn more about the application and its creators.
• Contact Page: Reach out with questions or feedback.

Technologies Used

• Frontend: React, React Router, Axios
• Styling: SCSS
• API: Spoonacular API for recipe data
• KindeAuth: Login and Register Authentication

Installation

1. Clone the repository:

   git clone https://github.com/F4P1E/FoodCanvas.git

2. Navigate to the project directory:

   cd recipe-food-app

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start

Usage

• Visit http://localhost:3000 in your web browser to access the application.
• Use the search bar to find specific recipes.
• Click on a recipe to view its details, including ingredients and instructions.
• Register or log in to save your favorite recipes.

Contribution

If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes. Feel free to customize any sections according to your preferences!