Skip to content

pathei-kosmos/groceries-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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