Um site especial para o Dia dos Namorados, feito com React, Vite e muito carinho! 💖
Este foi meu primeiro projeto em React feito de forma totalmente independente, após concluir meus estudos iniciais sobre a ferramenta. A ideia surgiu como uma homenagem especial para o Dia dos Namorados, e também como um desafio pessoal para aplicar meus conhecimentos de forma prática.
Durante o desenvolvimento, trabalhei com componentes reutilizáveis, rotas com React Router, animações com ScrollReveal, Utilização de hooks, organização de pastas e uso de CSS Modules.
Além da parte técnica, busquei criar uma experiência visual agradável e afetiva — algo leve, bonito e funcional.
O site foi desenvolvido com foco principal em dispositivos móveis — especialmente celulares —, mas também funciona perfeitamente em telas maiores, como tablets e desktops.
- Página inicial com botão animado para acessar o conteúdo principal
- Player do Spotify incorporado
- Carrossel de imagens românticas
- Contador de tempo juntos (anos, meses, dias, horas, minutos, segundos)
- Mensagem personalizada de amor
- Galeria de capivaras fofas (com botão para exibir)
- Animações suaves usando ScrollReveal
- Layout responsivo e estiloso
-
Clone o repositório:
git clone https://github.com/euBrunoLima/valentines_day.git cd valentines_day -
Instale as dependências:
npm install
-
Rode o projeto:
npm run dev
-
Acesse no navegador:
http://localhost:5173
O projeto foi desenvolvido com as seguintes tecnologias:
- React 19 — Biblioteca principal para criação da interface
- Vite — Ferramenta de build e ambiente de desenvolvimento
- React Router DOM 7 — Para navegação entre páginas
- React Slick — Carrossel de imagens
- Slick Carousel — Estilos usados pelo React Slick
- ScrollReveal — Animações suaves na rolagem
- react-countdown-circle-timer — Contador animado em formato circular
O deploy é feito no GitHub Pages. Para gerar a build e publicar:
npm run deployO projeto está disponível online via GitHub Pages:
👉 https://eubrunolima.github.io/valentines_day
MIT © 2025 Bruno Lima