CervejAJU 🍺
Descubra e avalie os melhores bares de Aracaju!
CervejAJU é uma plataforma interativa que permite aos usuários descobrir, avaliar e compartilhar experiências sobre os melhores bares da capital sergipana. Com um mapa interativo e sistema completo de avaliações, conectamos amantes da boa cerveja aos estabelecimentos mais incríveis de Aracaju.
🎯 Objetivo do Projeto
O CervejAJU foi criado para:
- Conectar pessoas aos melhores bares de Aracaju através de um mapa interativo
- Facilitar a descoberta de novos estabelecimentos por bairro e categoria
- Promover avaliações detalhadas em 4 categorias específicas: Serviço, Gastronomia, Cerveja Gelada e Preço
- Criar uma comunidade de apreciadores da vida noturna aracajuana
- Valorizar o comércio local dando visibilidade aos bares da cidade
✨ Funcionalidades
🗺️ Mapa Interativo
- Visualização de todos os bares de Aracaju em mapa real
- Marcadores coloridos por categoria de estabelecimento
- Popups informativos com detalhes de cada bar
- Sincronização entre filtros da lista e visualização do mapa
- Zoom automático baseado nos resultados filtrados
⭐ Sistema de Avaliações
- 4 categorias de avaliação:
- 🤝 Qualidade do Serviço - Atendimento e hospitalidade
- 🍽️ Gastronomia - Qualidade da comida e petiscos
- 🍺 Cerveja Gelada - Temperatura e qualidade das bebidas
- 💰 Preço - Custo-benefício do estabelecimento
- Sistema de estrelas (1-5) para cada categoria
- Comentários individuais por categoria
- Cálculo automático de médias gerais
🔍 Busca e Filtros
- Busca por nome, endereço ou bairro
- Filtros por categoria de estabelecimento
- Filtros por bairro/região
- Resultados em tempo real
📊 Dashboard e Estatísticas
- Contador de bares cadastrados
- Total de avaliações da plataforma
- Média geral de satisfação
- Distribuição por bairros
🛠️ Tecnologias Utilizadas
Frontend
- Next.js 14 - Framework React com App Router
- TypeScript - Tipagem estática para maior robustez
- Tailwind CSS - Framework CSS utilitário para estilização
- Shadcn/ui - Biblioteca de componentes UI modernos
- Leaflet - Biblioteca JavaScript para mapas interativos
- Lucide React - Ícones modernos e consistentes
Mapa e Geolocalização
- OpenStreetMap - Dados de mapa gratuitos e open source
- Leaflet - Renderização de mapas interativos
- Marcadores personalizados - Ícones categorizados por tipo de estabelecimento
Estilização e UX
- CSS Grid & Flexbox - Layout responsivo
- Gradientes personalizados - Identidade visual amarelo/roxo
- Animações CSS - Transições suaves e micro-interações
- Design responsivo - Otimizado para desktop e mobile
Gerenciamento de Estado
- React Hooks - useState, useEffect para estado local
- Props drilling - Comunicação entre componentes
- Callbacks - Sincronização entre mapa e lista
🍺 Bares Cadastrados
O CervejAJU conta com 12 estabelecimentos espalhados por Aracaju:
Por Bairro:
- Atalaia - 3 bares (Boteco do Caranguejo, Cervejaria Sergipana, Bar da Praia)
- Centro - 3 bares (Bar do Gonzaga, Pub do Mercado, Bar do Porto)
- São José - 4 bares (Choperia do Bairro, Lounge 13 de Julho, Cervejaria Artesanal AJU, Boteco Cultural)
- Jardins - 1 bar (Choperia do Bairro)
- Industrial - 1 bar (Bar do Siri)
Por Categoria:
- Botecos - Ambiente descontraído e preços acessíveis
- Cervejarias - Foco em cervejas artesanais e especiais
- Pubs - Ambiente mais sofisticado
- Bares de Praia - Vista para o mar e ambiente tropical
- Lounges - Ambiente premium com drinks autorais
🚀 Como Executar
Pré-requisitos
Instalação
```bash
Clone o repositório
git clone https://github.com/seu-usuario/cervejaju.git
Entre no diretório
cd cervejaju
Instale as dependências
npm install
Execute em modo de desenvolvimento
npm run dev
```
Acesso
Abra http://localhost:3000 no seu navegador.
🎨 Design System
Cores Principais
- Amarelo (#fbbf24) - Cor da cerveja, alegria, energia
- Roxo (#a855f7) - Sofisticação, noite, elegância
- Gradientes - Transições suaves entre amarelo e roxo
Tipografia
- Inter - Fonte principal para legibilidade
- Pesos variados - Regular, Medium, Semibold, Bold
Componentes
- Cards - Elevação e bordas arredondadas
- Botões - Gradientes e estados de hover
- Modais - Backdrop blur e animações suaves
📱 Responsividade
- Desktop - Layout em 3 colunas (mapa + sidebar)
- Tablet - Layout adaptativo com mapa em destaque
- Mobile - Stack vertical com navegação otimizada
🔮 Próximas Funcionalidades