https://github.com/codecommander03/sift

https://github.com/codecommander03/sift

lodash-debounce nextjs14 shadcn-ui tailwindcss tanstack-react-query typescript upstash-vector zod

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/codecommander03/sift
• Owner: codecommander03
• Created: 2024-04-22T15:53:36.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-04-28T07:06:34.000Z (about 1 year ago)
• Last Synced: 2025-01-25T16:11:24.441Z (4 months ago)
• Topics: lodash-debounce, nextjs14, shadcn-ui, tailwindcss, tanstack-react-query, typescript, upstash-vector, zod
• Language: TypeScript
• Homepage: https://sift-alpha.vercel.app
• Size: 19.5 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SIFT

A single page product filtering application that filters products based on the parameters like size, color and price(custom pricing too) and sort them too.

Also used debounce timeout of 0.4s to prevent cooking up the API.

### Tech Stack:

- Next JS

- TypeScript

- Tailwind CSS

- Shad Cn Ui

- Lodash (Debounce)

- Upstash

- Tanstack React Query

- Zod

### Starting Date: 

    22nd April 2024

### Time Invested:

    8 hours

### Ending Date:

    28th April 2024

## Images:

![alt text](image.png)

![alt text](image-1.png)

![alt text](image-2.png)

# Steps to run the project:

1. Clone the repository:


`git clone https://github.com/codecommander03/Sift.git`

2. Run `npm install`

3. Set up Serverless Database on Upstash: 


go to [Upstash](https://upstash.com/) and make an account

Then create a vector database and get the `UPSTASH_VECTOR_REST_URL` and `UPSTASH_VECTOR_REST_TOKEN` and add them to the .env file

![alt text](image-3.png)

3. Run `npm seed`

4. Run `npm run dev`

5. Open the browser and go to [Localhost 3000](http://localhost:3000)

6. Enjoy the application