Skip to content

PavankalyanPayyavula/Pagination-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Product List with Pagination

This is a demo project built with React that demonstrates how to fetch all product data from an API and implement pagination to render the data in a user-friendly manner. This project serves as a simple example for beginners to understand how to work with APIs, manage state, and implement pagination in a React application.

Features

  • Fetch Products from API: The application fetches a list of products from a mock API.
  • Pagination: Implemented pagination to navigate through the product list easily.
  • Responsive Design: The UI is responsive and works well on both desktop and mobile devices.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Fetch: A promise-based HTTP client for making API requests.
  • CSS Modules: For styling components with scoped CSS.

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Make sure you have the following installed:

  • Node.js
  • npm or yarn

Installation

  1. Clone the repository:
gh repo clone PavankalyanPayyavula/Pagination-React