Skip to content

code-worm19/cookbook-frontend

Repository files navigation

Cookbook Frontend API (React/Typescript Project)

This project is Frontend project for the Cookbook. Cookbook is a web application that allows users to share, browse, and shop for different recipes. Cookbook automatically totals ingredients from different recipes that have been added to the cart, resulting in a grocery list you can use to simplify your grocery shopping experience.

Prerequisites

  • node >= 16.0

Installation

  1. Navigate to the project directory
cd project-directory
  1. Install node modules
npm install
  1. Create a copy of the .env.example file and rename it to .env
cp .env.example .env

Running the Application

To start the React development application, run the following command:

npm run start

You should see a message indicating that the web server is running locally on http://localhost:3000.

Now you can login with one of following credientials.

Login Page

alt text

Recipe List Page

alt text

Ingredients List Page

alt text

Register An Ingredient Page

alt text

Register A Recipe Page

alt text

Recipe Detail Page

alt text

Cart Page

alt text

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published