Patas Felizes é um site de uma ONG fictícia de adoção de animais, desenvolvido com Next.js, React e CSS Modules.
O projeto tem como objetivo praticar e consolidar conceitos de desenvolvimento web responsivo, seguindo a abordagem Mobile-First, e aplicar funcionalidades modernas do Next.js em um contexto realista.
- JavaScript (ES6+)
- React
- Next.js (App Router)
- CSS Modules
- Lucide React
- Utiliza os dados no arquivo data.js para listar os animais e separar por categorias automaticamente
- Página de detalhes de cada animal
- Menu mobile responsivo com comportamento expansível para melhor navegação
- Responsivo e Mobile-First
- SEO Básico com Open Graph e Twitter Cards
- 'app' - contem as páginas do projeto, o favicon, a página not-found principal e o layout principal
- '(pages)' - contem as rotas das páginas do projeto juntamente com seus módulos '("page"-componentes)'
- 'components' - contem os componentes reutilizáveis do projeto
- 'data' - local onde os dados dos animais e das categorias estão armazenados
- 'data/animals.js - dados do animais para geração dinâmica do site.
- 'data/categories.js - dados das categorias de animais, utilizado para criar novas categorias ou apagar as existentes.
- 'styles' - estilos reaproveitáveis e estilo global.
- 'utils' - funções reutilizáveis.
- Clone o repositório:
git clone https://github.com/seu-usuario/patas-felizes.git - Instale as dependências:
npm install- Rode o projeto:
npm run dev- Acesse em http://localhost3000
🌐 Portfólio: jeancelin.vercel.app
💼 GitHub: github.com/JeanCelin
🔗 LinkedIn: Jean Celin
📸 Instagram: @jeancelin_