Notice:

It's back up.

Original: https://github.com/Chivapchichi2/project-foodies-frontend

My role:

• Full-stack developer. Implementation of authentication.
• Integration and setup of Redux and RTK-Query. Development of the Testimonials section.
• Conducting code reviews and accepting pull requests.

Project Foodies

The frontend part of the "Project Foodies" application provides a user interface where users can browse, search, and add food recipes. The project uses React and Vite for fast and convenient development.

Built with:

• - Build and development tool
• - Library for building user interfaces
• - State management

Installation

To get started with the project, follow these steps:

1. Cloning the repository:

   git clone https://github.com/Chivapchichi2/project-foodies-frontend.git

2. Navigate to the project directory:

   cd project-foodies-frontend

3. Install dependencies:

   npm install

4. Start the project:

   npm start

Usage

After starting the project, you can view the homepage in your browser at http://localhost:5173/project-foodies-frontend. The interface allows users to browse existing recipes, search by keywords, and add new recipes through dedicated forms.

Project Structure

The project has the following directory and file structure:

• public/: Contains static files that are not processed by Webpack.
• src/: Main application code.
• components/: React components.
• pages/: Application pages.
• styles/: CSS files and styles.
• index.html: Main HTML file.
• package.json: NPM configuration file.
• vite.config.js: Vite configuration file.

Functionality

• View Recipes: Users can browse all available recipes.

• Search Recipes: Ability to search for recipes by categories, ingredients, or area.

  

• Adding Recipes: Registered users can add new recipes.

  

• Favorite Recipes: Users can add recipes to favorites and view them in the respective section.

  

Contribution

Instructions for contributing to the project:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make changes and commit them (git commit -am 'Added new feature').
4. Push your changes (git push origin feature-branch).
5. Create a Pull Request.

Contacts

For additional questions or assistance, please contact us via email: chivapchichi2@gmail.com

{Curly Brackets} Team

Computer science students.