Uma página de carregamento (loading page) temática e animada, perfeita para entrar no clima do Dia das Bruxas! Este projeto foi desenvolvido para ser responsivo, moderno e acessível, servindo como um excelente ponto de partida ou inspiração para projetos com temas sazonais.
Este projeto foi construído com uma stack moderna e eficiente para garantir performance e uma ótima experiência de desenvolvimento:
Next.js: Framework React com foco em performance, renderização do lado do servidor (SSR) e geração de sites estáticos (SSG).
React: Biblioteca JavaScript para a construção de interfaces de usuário.
TypeScript (TS): Adiciona tipagem estática ao JavaScript, aumentando a robustez e a manutenibilidade do código.
Tailwind CSS: Framework CSS utility-first que permite a criação rápida de designs customizados sem sair do HTML.
React Icons: Uma coleção popular de ícones que facilita a inclusão de elementos visuais.
O design do projeto foi cuidadosamente planejado no Figma, garantindo uma estética assustadoramente divertida e profissional.
Para visualizar e trabalhar neste projeto localmente, siga os passos abaixo:
-
Pré-requisitos Certifique-se de ter o Node.js instalado em sua máquina (versão LTS recomendada).
-
Clonar o Repositório
git clone https://github.com/SEU_USUARIO/Halloween-loading-page.git cd Halloween-loading-page -
Instalar Dependências Instale todas as dependências do projeto com o seu gerenciador de pacotes preferido:
# Com yarn
yarn install
# Com npm
npm install
- Iniciar o Servidor de Desenvolvimento Execute o servidor de desenvolvimento do Next.js. O projeto estará acessível em http://localhost:3000.
# Com yarn
yarn dev
# Com npm
npm run dev
O projeto pode ser expandido com as seguintes funcionalidades:
Adicionar transições e animações mais complexas com bibliotecas como framer-motion.
Implementar um modo escuro/claro para uma experiência noturna mais intensa.
Otimizar as imagens (se houver) para carregamento mais rápido.
Este projeto foi desenvolvido por Caio. Sinta-se à vontade para conectar-se!
GitHub: Caio
LinkedIn: Caio
📄 Licença Este projeto está sob a licença MIT.