Este é o frontend da plataforma AutoCars, criado com foco em performance, acessibilidade e experiência do usuário. Ele permite a publicação e navegação por anúncios de veículos, proporcionando uma experiência fluida e otimizada.
As principais tecnologias usadas no frontend incluem:
- Framework React para SSR e SSG
- Tipagem estática para maior segurança
- Estilização moderna e eficiente
- Gerenciamento de estado leve
- Gerenciamento de formulários
- Animações fluidas
- Componentes acessíveis e customizáveis
- Testes end-to-end
- Validação de esquemas
- Modo escuro e claro dinâmico
src/
├── @types/
├── app/
│ ├── (home)/
│ │ ├── cars/
│ │ ├── components/
│ │ ├── profile/
│ │ ├── layout.tsx
│ │ ├── page.tsx
│ ├── auth/
│ │ ├── forgot-password/
│ │ ├── new-password/
│ │ ├── sign-in/
│ │ ├── sign-up/
│ ├── dashboard/
│ │ ├── components/
│ │ ├── favorites/
│ │ ├── manager/
│ │ ├── profile/
│ │ ├── seller/
│ │ ├── layout.tsx
│ │ ├── not-found.tsx
├── assets/
├── components/
├── context/
├── hooks/
├── http/
├── lib/
├── providers/
├── styles/
├── utils/
├── env.mjs
├── middleware.ts- 📌 Publicação de anúncios com upload de imagens
- 🔍 Pesquisa e filtros para encontrar veículos rapidamente
- 💾 Favoritar e curtir anúncios para acesso rápido
- 💬 Criar e visualizar comentários em anúncios
- 🖥 Painel Dashboard para gerenciar anúncios e métricas
- 🎨 Escolha de tema (escuro, claro ou cores personalizadas como laranja, vermelho, azul, etc.)
- 🚀 Interface otimista para respostas instantâneas
- 🎭 Skeletons de carregamento para melhor UX
- 📱 Totalmente responsivo, adaptado para qualquer tela
- 💬 Conversa com vendedor via chat
$ npm install# Desenvolvimento
$ npm run dev
# Produção
$ npm run build && npm start# Testes unitários
$ npm run test
# Testes end-to-end com Cypress
$ npm run test:e2e- Autor: YuriLRodrigues
- LinkedIn: Yuri Leite Rodrigues