This is an e-commerce web application developed using HTML, CSS, React and Typescript. The application has a Category Listing Page where products are listed along with sorting and filtering options. It also has a Product Detail Page where users can view the details of a specific product.
- Listing of products
- Sorting of products (Price low to high, Price high to low, Ratings high to low, Name Ascending)
- Filters (Suppliers/Brands, Saree Fabric)
- Basic details with static buttons
Users can start from the Home page which displays the product listing. They can apply filters and sorting options here. From the listing page, users can navigate to the product details page to view the details of a specific product. From the product details page, users can navigate back to the listing page and find their selected sorting and filters intact.
- React , TypeScript
- VanillaCSS - with StyledComponents
- ContextAPI with useReducer hook
- React-router-dom
To run this project on your local machine, follow these steps:
- Clone the repository
git clone git@github.com:Koushith/-Kalira-React.git - Install the dependencies using
npm install - Start the development server using
npm start