thiesac/recipes-app

Web application for storing, managing, and sharing recipes. Features account creation, recipe customization, browsing, and interaction. Developed collaboratively, styled by Thiesa Cesco. Tech: React, Redux, CSS, Bootstrap.

Recipes App

The Recipes App is a web application for storing, managing, and sharing your favorite recipes. It allows users to create an account, add their own recipes, browse recipes shared by others, and explore a wide variety of delicious dishes from around the world. This project was developed as part of a group effort, with styling done exclusively by Thiesa Cesco.

Table of Contents

• Features
• Installation
• Usage
• Technologies Used
• Contributors
• Acknowledgments

Features

• User account creation and authentication.
• Add, edit, and delete personal recipes.
• Browse and search recipes.
• Filter recipes by category, cuisine, and ingredients.
• Like and comment on recipes.
• Designed specifically for a fixed screen size of 360 x 640.

Installation

To run the Recipes App locally, follow these steps:

1. Ensure you have Node.js and npm installed on your system.

2. Clone this repository to your local machine:

git clone https://github.com/thiesac/recipes-app.git

3. Change into the project directory:

cd recipes-app

4. Install the required dependencies:

npm install

5. Start the development server:

npm start

6. Open your web browser and visit http://localhost:3000 to access the app.

Usage

1. Creating an Account: To get started, users need to create an account with their email and a secure password.

2. Adding a Recipe: Once logged in, users can add their own recipes. Provide the recipe title, category, cuisine, list of ingredients, step-by-step instructions, and an optional image.

3. Browsing Recipes: Users can explore a wide range of recipes shared by others. Filter recipes by category, cuisine, or ingredients to find dishes that match your preferences.

4. Interacting with Recipes: Like a recipe to save it to your favorites, and leave comments to share your thoughts or ask questions about the recipe.

5. Editing and Deleting: Users can edit their own recipes or delete them if needed.

Technologies Used

The Recipes App was built using the following technologies:

• Frontend:
  • React: JavaScript library for building user interfaces.
  • Redux: State management library for managing application state.
  • CSS: Styling and layout of the application.
  • Bootstrap: Styling and layout of the application.

Contributors

This project was a collaborative effort, and the contributors include:

• Rodolfo Oliveira @rodolfohro
• Fabio Rocha @binhorochatrybe
• Matheus Cavalcante Monteiro @matheusmonteiro15
• Delio Araujo Varela @DelioAraujo
• Roberto Mell @robertomello2

Acknowledgments

We would like to express our gratitude to Trybe https://www.betrybe.com/