Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/omiguelwnl/sortsmart

SortSmart - Sistema avançado de filtragem e eficientes estados de carregamento para todos os produtos.
https://github.com/omiguelwnl/sortsmart

axios javascript nextjs nextjs14 react-query tailwindcss tanstack-react-query typescript upstash upstash-vector zod

Last synced: about 2 months ago
JSON representation

SortSmart - Sistema avançado de filtragem e eficientes estados de carregamento para todos os produtos.

Awesome Lists containing this project

README 

        

# SortSmart



## 📜 Descrição



SortSmart é uma aplicação completa de E-commerce, com um sistema avançado de filtragem e eficientes estados de carregamento para todos os produtos. O aspecto principal deste aplicativo reside na funcionalidade de filtragem de produtos, inspirada nos filtros utilizados pelos gigantes do comércio eletrônico.



Nota: [Live Preview](https://sort-smart.vercel.app/) disponível para visualização.



## 🔨 Funcionalidades Principais



1. 🏠 Home Page



   - Exibe todos os produtos disponíveis na loja.



2. 🔐 Filtragem avançada de produto



   - Filtrar produto por Tamanho, Cor e até mesmo por Preço em determinadas faixas, incluindo uma faixa totalmente personalizável por meio de um controle deslizante.



3. 🛍 Inputs Debounce



   - Atrasa funções, evitando excesso de eventos, melhorando a eficiência do aplicativo ao processar entradas do usuário.



4. 📱 Responsividade



   - Projetado para oferecer uma excelente experiência de usuário em qualquer dispositivo.



## 👩‍💻 Tecnologias Utilizadas



### Frontend:



- [Next.js](https://nextjs.org/) - Framework React para renderização do lado do servidor.

- [TypeScript](https://www.typescriptlang.org/) - Linguagem de programação que adiciona tipagem estática ao JavaScript.

- [Tailwind CSS](https://tailwindcss.com/) - Framework de estilos CSS.

- [React Query](https://react-query.tanstack.com/) - Biblioteca para buscar, sincronizar e atualizar dados de maneira eficiente.



### Backend:



- [Axios](https://axios-http.com/) - Biblioteca para realizar solicitações HTTP.

- [Upstash](https://upstash.com/) - Banco de dados Redis como serviço para desenvolvedores.

- [Zod](https://zod.dev/) - Uma biblioteca de validação de esquema com total segurança de tipo.



## 📁 Executar Localmente



1. Clone o repositório: `git clone https://github.com/oMiguelwnl/SortSmart`

2. Navegue até o diretório: `cd SortSmart`

3. Instale as dependências: `npm install` ou `yarn install`

4. Inicie o servidor de desenvolvimento: `npm run dev` ou `yarn dev`

5. Acesse o aplicativo em [http://localhost:3000](http://localhost:3000)



## 🤝 Contribuir



Se você é um desenvolvedor interessado em melhorar o aplicativo e torná-la ainda mais útil e amigável, sinta-se à vontade para:



- Enviar Pull Requests

- Relatar Problemas



## 👩‍💻 Programador








  

    linkedin logo