Skip to content

ImVictorM/Recipes-App

Repository files navigation

Recipes App 🧑‍🍳

Overview 💡

The Recipe App allows you to search for food and drinks. In addition to discovering interesting details about dishes from around the world, you can also make them by following a detailed step-by-step guide. You can favorite recipes or view recipes you have already made.

This app uses the browser's local storage and Redux Toolkit for handling data storage. Therefore, do not provide any sensitive data as it will be stored in your browser.

APIs used 🌐

Both APIs work quite similarly; the difference is that one provides food recipes and the other drinks.

Main technologies used 🧰

Static Badge Static Badge
Static Badge Static Badge
Static Badge Static Badge
Static Badge Static Badge

Running the application ⚙️

  1. Clone and enter the repository:

    git clone git@github.com:ImVictorM/Recipes-App.git && cd Recipes-App
  2. Install dependencies:

    npm install
  3. Start the application:

  • To start in development mode:

    npm run dev
  • To start in production mode:

    npm run build && npm run preview

Testing 🛠️

  • Running all tests:
    npm test
  • Running a specific test:
    npm test -t {test_file_name}
  • Running tests from a directory:
    npm test --dir {path/to/directory}
  • Running page tests:
    npm run test:pages
  • Running component tests:
    npm run test:components
  • Running test coverage:
    npm run test:coverage
  • Running tests in the browser:
    npm run test:ui