🚗 AutoCars - Plataforma de Anúncios de Carros (Frontend)

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.

🚀 Tecnologias Utilizadas

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

📂 Estrutura de Pastas

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

🌟 Funcionalidades Principais

• 📌 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

🔮 Futuras Atualizações

• 💬 Conversa com vendedor via chat

⚙️ Instalação

$ npm install

🚀 Rodando a Aplicação

# Desenvolvimento
$ npm run dev

# Produção
$ npm run build && npm start

🧪 Testes

# Testes unitários
$ npm run test

# Testes end-to-end com Cypress
$ npm run test:e2e

📬 Contato

• Autor: YuriLRodrigues
• LinkedIn: Yuri Leite Rodrigues