Skip to content

idandam/pagination-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Live demo

Goal

Implement a two page react app. The first page will fetch a mock of 20 students and show them using pagination, with at most 6 students per page. When you click a on a student you will be navigated to the second page which will show you an editable form with the student details. The data will be fetched once and it will be presistent using LocalStorage.

Pages

/students

Custom pagination component - fetching a mock resource width 20 students and showing them in a list with at most 6 students per content page.

/students/:studentId

Showing a form with the student details. The form fields can be edited.

Features and Tools

custom hooks, react-router-dom v6, Form validation, pagination, Fetch API, LocalStorage, TypeScript.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published