Skip to content

⚛️ React Typescript project - Fetch data and display it as a list of 10 items in 10 (pagination) pages. click on each item leads to more details page- using axios, Context and Styled Components.

Notifications You must be signed in to change notification settings

Frnt-End/ts-context-items-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Items List Application

Implementing an List application using public API.

📑Task Requirements

Task 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.
  • Axios.
  • TypeScript.
  • Styled Components.
  • React-Router V6.
  • Context for the state managment.

Run project

Install all the dependencies used in this project:

npm install

In the project directory, you can run:

npm start

or

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

About

⚛️ React Typescript project - Fetch data and display it as a list of 10 items in 10 (pagination) pages. click on each item leads to more details page- using axios, Context and Styled Components.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published