Resenha Itapoá - Gerenciador de Listas de Compras

![Next.js][]![TypeScript][]![Prisma][]![Tailwind CSS][]![MIT License][]

Uma aplicação moderna para gerenciamento de listas de compras colaborativas, construída com as mais recentes tecnologias web.

📋 Índice

Para usar este markdown, basta copiar o código acima e colar no seu README.md. Os badges são interativos e direcionam para as respectivas documentações/links. As cores e ícones foram escolhidos para criar uma apresentação visual profissional e moderna.

Principais características:

• Badges modernos e interativos
• Links diretos para documentação
• Cores consistentes com as marcas
• Layout centralizado e limpo
• Ícones oficiais das tecnologias
• Badges de ação com cores distintivas

Quer que eu faça algum ajuste nas cores ou adicione mais badges?

📋 Índice

• Sobre o Projeto
• Tecnologias
• Funcionalidades
• Começando
• Estrutura do Projeto
• Otimizações
• Contribuindo
• Licença
• Contato

🚀 Sobre o Projeto

Resenha Itapoá é um gerenciador de listas de compras moderno e intuitivo, desenvolvido para facilitar a organização de compras colaborativas. Com foco em performance, acessibilidade e experiência do usuário, a aplicação permite criar e gerenciar listas de compras compartilháveis em tempo real.

🎯 Objetivos Principais

• Simplificar a gestão de listas de compras
• Permitir colaboração em tempo real
• Oferecer interface intuitiva e responsiva
• Garantir alta performance e acessibilidade

🛠 Tecnologias

O projeto foi desenvolvido com as seguintes tecnologias:

• Framework: Next.js 14
• Linguagem: TypeScript
• Banco de Dados: Prisma
• Estilização:
  • Tailwind CSS - Shadcn/ui
• UI/UX:
  • Lucide Icons - Tailwind Merge
  • Class Variance Authority
• Temas: next-themes

✨ Funcionalidades

• 📝 Criação e gerenciamento de listas de compras
• 🔄 Atualização em tempo real
• 🌓 Tema claro/escuro
• 📱 Design responsivo
• ⚡ Performance otimizada
• ♿ Acessibilidade aprimorada
• 🔍 SEO otimizado

🚦 Começando

Pré-requisitos

• Node.js (versão 18 ou superior)
• pnpm (versão 8 ou superior)

Instalação

1. Clone o repositório:

git clone https://github.com/seu-usuario/resenhaitapoa.git
cd resenhaitapoa```

2. Instale as dependências:```bash
pnpm install```

3. Configure as variáveis de ambiente:```bash
cp .env.example .env.local```

4. Execute as migrações do banco de dados:```bash
pnpm prisma migrate dev

5. Inicie o servidor de desenvolvimento:```bash pnpm dev

## 📁 Estrutura do Projeto```
resenhaitapoa/
├── app/
│   ├── components/        # Componentes React reutilizáveis
│   ├── actions/          # Server Actions do Next.js
│   ├── providers/        # Providers da aplicação
│   └── layout.tsx        # Layout principal
├── components/
│   └── ui/              # Componentes UI reutilizáveis
├── lib/
│   └── utils.ts         # Utilitários e helpers
├── prisma/
│   └── schema.prisma    # Schema do banco de dados
├── public/              # Arquivos estáticos
└── styles/             # Estilos globais

⚡ Otimizações

• Performance:

  • Code splitting com dynamic imports
  • Componentes memoizados
  • Lazy loading de componentes não críticos - Otimização de imagens

• SEO:

  • Meta tags otimizadas
  • Schema.org markup - Sitemap dinâmico
  • Progressive Web App ready

• Core Web Vitals: - FCP otimizado - LCP minimizado

  • CLS zero
  • TTI reduzido

🤝 Contribuindo

Contribuições são sempre bem-vindas! Para contribuir:

1. Faça um Fork do projeto
2. Crie uma Branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add: Amazing Feature')
4. Push para a Branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

Scripts Úteis

# Desenvolvimento
pnpm dev

# Build de produção
pnpm build

# Análise de bundle
pnpm analyze

# Limpar dependências não utilizadas
pnpm clean:deps

# Lint
pnpm lint

📄 Licença

Distribuído sob a licença MIT. Veja LICENSE para mais informações.

📫 Contato

Evandro - evandro.dev.br

Link do Projeto: https://github.com/seu-usuario/resenhaitapoa

---

Desenvolvido com ❤️ por evandro.dev.br