Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabrielfeijo/frontend-revoluti
Este repositório contém o código frontend para um projeto de CEP Finder desenvolvido para um desafio técnico da RevoluTI. Utiliza Next.js e TypeScript para criar uma interface que permite buscar e armazenar endereços com base no CEP, além de gerenciar o histórico de pesquisas do usuário.
https://github.com/gabrielfeijo/frontend-revoluti
lucide-react nextjs playwright react shadcn-ui tailwindcss tanstack-react-query typescript zod
Last synced: 10 days ago
JSON representation
Este repositório contém o código frontend para um projeto de CEP Finder desenvolvido para um desafio técnico da RevoluTI. Utiliza Next.js e TypeScript para criar uma interface que permite buscar e armazenar endereços com base no CEP, além de gerenciar o histórico de pesquisas do usuário.
- Host: GitHub
- URL: https://github.com/gabrielfeijo/frontend-revoluti
- Owner: GabrielFeijo
- Created: 2024-07-30T13:22:37.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-08-03T21:17:44.000Z (2 months ago)
- Last Synced: 2024-09-25T19:03:50.884Z (10 days ago)
- Topics: lucide-react, nextjs, playwright, react, shadcn-ui, tailwindcss, tanstack-react-query, typescript, zod
- Language: TypeScript
- Homepage:
- Size: 238 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# RevoluTI - Frontend
## Descrição do Projeto 📝
Este repositório contém o código frontend para o projeto de CEP Finder, desenvolvido para um desafio técnico da empresa RevoluTI. A aplicação permite buscar e armazenar endereços com base no CEP e gerenciar o histórico de pesquisas do usuário.
## Tecnologias Utilizadas 💻
- **Next.js**: Framework React para desenvolvimento de aplicações web com renderização no lado do servidor.
- **React**: Biblioteca JavaScript para construção da interface do usuário.
- **Tailwind CSS**: Framework CSS para estilização rápida e responsiva.
- **ShadcnUI**: Biblioteca de componentes UI baseada em React.
- **TypeScript**: Linguagem de programação para garantir tipagem estática e segurança no desenvolvimento.
## Funcionalidades
- Pesquisa e visualização de endereços com base no CEP.
- Exibição do histórico de pesquisas realizadas.
- Você poderá ver detalhes de sua pesquisa e ter um link direto para o Google Maps com a localização em questão.
- Interface intuitiva com componentes modernos e responsivos.
- Modo claro e escuro para uma experiência de usuário personalizada.
- Sessão de usuário usando local storage, construída automaticamente ao carregar a página no navegador. Se uma sessão ativa já existir, os dados são recuperados; caso contrário, uma nova sessão é criada para o navegador.
- Uso do TanStack Query para otimizar as requisições e utilizar cache, melhorando o desempenho e a experiência do usuário.
- Utilização do Docker para otimizar o build e facilitar o gerenciamento do ambiente de desenvolvimento.
## 💻 Imagens da plataforma
## 🚀 Começo
Para iniciar o projeto localmente:
### Pré-requisitos
- [Git](https://git-scm.com/downloads)
- [Node.js](https://nodejs.org/en)
- Um navegador web moderno.
### Instalando e Executando
```bash
# Clone o repositório
$ git clone https://github.com/GabrielFeijo/Frontend-RevoluTI
# Acesse a pasta do projeto
$ cd Frontend-RevoluTI
# Instale as dependências
$ npm install
# Configure as variáveis de ambiente no arquivo .env
NEXT_PUBLIC_API_URL="http://localhost:3333/api/v1"
# Inicie a aplicação
$ npm run dev
```
### 🧪 Executando Testes
```bash
# Execute os testes unitários
$ npm run test
```
## 🛠️ Feito utilizando
### FrontEnd
### Deploy
