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.

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