Skip to content

Explore, save, and share delicious recipes with Tasty Treats, a user-friendly recipe management app built with React and powered by Cloud Firestore and TheMealDB API

License

Notifications You must be signed in to change notification settings

Shinagawa-monkey/Tasty-Treats-App

Repository files navigation

Tasty Treats 🍴

Tasty Treats is a user-friendly recipe exploration app that allows you to discover, favorite, search, and comment on recipes effortlessly. Crafted with React, Bootstrap, and Axios, it brings you a diverse recipe collection sourced from Cloud Firestore and TheMealDB API.

Why Tasty Treats?

Tasty Treats is designed to simplify the process of exploring and managing recipes. Whether you're a cooking enthusiast looking for new ideas or a foodie wanting to organize your favorite dishes, Tasty Treats offers a seamless experience. Say goodbye to recipe hunting hassles and hello to culinary inspiration!

Quick Start

Explore the delicious world of Tasty Treats by visiting Tasty Treats App.

Usage

Advanced Features

  1. Search Recipes: Easily find recipes by name or ingredients.
  2. Favorite Recipes: Save your favorite recipes for quick access.
  3. Comment on Recipes: Share your thoughts and tips with other users.
  4. Surprise Me!: Get a random recipe suggestion for a delightful surprise.
  5. Upload Recipe Image: Personalize your recipe with an optional image upload.
  6. Choose Color Theme: Explore recipes with three light and three dark color themes.

Technologies Used

  • React: Front-end framework for building interactive user interfaces.
  • Bootstrap: CSS framework for responsive and visually appealing designs.
  • Axios: HTTP client for making API requests.
  • Cloud Firestore: Database for storing and retrieving recipe data.
  • TheMealDB API: External API for accessing a vast collection of recipes.

Installation

  1. Clone the repository: git clone https://github.com/Shinagawa-monkey/Tasty-Treats-App.git
  2. Navigate to the project directory: cd tasty-treats
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Access the app at http://localhost:3000

Color Themes

Light Themes

Light Theme 1 Light Theme 2 Light Theme 3 Light Theme 4

Dark Themes

Dark Theme 1 Dark Theme 2 Dark Theme 3 Dark Theme 4

For detailed documentation and contribution guidelines, please refer to CONTRIBUTING.md.


Enjoy exploring and creating delicious recipes with Tasty Treats! If you have any questions or feedback, feel free to reach out.

About

Explore, save, and share delicious recipes with Tasty Treats, a user-friendly recipe management app built with React and powered by Cloud Firestore and TheMealDB API

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages