Skip to content

JeanCelin/patas-felizes

Repository files navigation

Patas Felizes 🐾

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.

Tecnologias

  • JavaScript (ES6+)
  • React
  • Next.js (App Router)
  • CSS Modules
  • Lucide React

Funcionalidades

  • 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

Estrutura

  • '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.

Como rodar localmente

  1. Clone o repositório:
git clone https://github.com/seu-usuario/patas-felizes.git 
  1. Instale as dependências:
npm install
  1. Rode o projeto:
npm run dev
  1. Acesse em http://localhost3000

Contato

🌐 Portfólio: jeancelin.vercel.app
💼 GitHub: github.com/JeanCelin
🔗 LinkedIn: Jean Celin
📸 Instagram: @jeancelin_

About

ONG Patas Felizes website

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors