/groceries-list

Groceries list made in React.

Primary LanguageJavaScript

Groceries List 📒

Application created with React and Vite.

The app uses functional components and the useState, useEffect and useRef hooks. It interacts with a json-server simulated REST API and supports all CRUD operations. It fetch() (GET) the list stored in the database on loading, then allows the user to create (POST), update (PATCH) or remove (DELETE) its elements and search among them.

Demo gif

Requirements

  • npm
  • Git
  • CLI

Setup

Clone the repo and install the dependencies:

git clone https://github.com/pathei-kosmos/groceries-list
cd groceries-list
npm install

Launch the API :

npx json-server -p 3500 -w data/db.json

Launch the live server:

npm run dev