R3gi / react-workshop-state-management-react-query

Tour of Heroes inspired by Angular example app

Tour of Heroes with React Query

Inspired by Angular example app.

 

Features

1. list heroes from API.
2. create new heroes.
3. update hero name.
4. delete hero by id.
5. find hero by name.
6. login and register via jwt token
7. form validation and submitting

 

Technologies

• React JS 18.2.0
• React Query 4.20.4
• React Router Dom 6.6.1
• TypeScript 4.9.3
• Vite JS 4.0.0
• ReactStrap 9.2.0
• Bootstrap 5.3.1
• react-hook-form 7.46.1
• json-server 0.17.3

 

Installation

1. Clone the repository

2. Install dependencies of the project.

    npm install

3. Run API.

    npm run backend

4. Run the project.

    npm run dev