Items List Application (React Vite Typescript )

Implementing an List application using public API.

📑 Requirements

Project Details

• A 10 (Pagination) pages application, each page contain list of 10 items.
• First page is the main screen, where a user can view the first 10 items fetch from the api.
• A detailed page view for each item.

Technologies

• React.
• Vite.
• React-Query.
• Axios.
• TypeScript.
• Styled Components.
• React-Router V6.
• useState hook for the state managment.
• Vitest / Testing Library.

Run project

Install all the dependencies used in this project:

npm install

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://127.0.0.1:5173/ to view it in the browser.