Skip to content

VladimirDegt/project-foodies-frontend

Repository files navigation

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

GitHub Stars GitHub Forks GitHub Issues GitHub License

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:

axios classnames normalize.css react react-dom react-hook-form react-modal react-paginate react-redux react-router-dom react-select react-spinners react-toastify redux-persist simplebar-react styled-components swiper yup

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.

image

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

    image
  • Adding Recipes: Registered users can add new recipes.

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

    image

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.