Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aburaihan32/shopgrid-client-side


https://github.com/aburaihan32/shopgrid-client-side

axios firebase javascript react-router-dom reactjs tailwindcss tanstack-query

Last synced: about 23 hours ago
JSON representation

Awesome Lists containing this project

README

        

# ShopGrid

This is a Fullstack functionality based Single page website where users can perform some search filtering functionalities. This project will focus on implementing pagination, searching, categorization and sorting of products

## Live Site URL

[Visit ShopGrid](https://shopgrid-7c11d.web.app)
- **Username:** [email protected]
- **Password:** 123456

## Key features
- Advanced Filtering: Users can filter products by Brand, Category, and Price Range, with the option to combine multiple filters.
- Efficient Pagination and Sorting: Backend pagination and sorting options by Price and Date ensure smooth navigation and product organization.
- Responsive UI: Mobile-first design with fixed-size product cards, a clear Navbar, and a functional Footer for an optimal user experience across devices.


## Installation Steps

1. Clone the repository:
```sh
git clone https://github.com/AbuRaihan32/ShopGrid-client-side.git
```
2. Navigate to the project directory:
```sh
cd folder-name
```
3. Install dependencies:
```sh
npm install
```


## used technologies:
1. react.js 2. javaScript 3. tailwindCss 4. firebase 5. react-router-dom 6. axios 7. tanstack query

##
[Visit ShopGrid Server](https://github.com/AbuRaihan32/ShopGrid-server-side)