Este projeto é um site desenvolvido com o objetivo de apresentar informações sobre a ETEC de Hortolândia, incluindo os cursos oferecidos e outros detalhes relevantes sobre a instituição. A proposta é criar uma plataforma clara, acessível e responsiva, que permita aos visitantes conhecerem melhor a escola.
-
React com TypeScript
Utilizamos o React para dividir o site em componentes reutilizáveis, facilitando a organização e manutenção do código. O TypeScript foi integrado ao projeto para aumentar a segurança durante o desenvolvimento, ajudando a evitar erros comuns com sua tipagem estática. -
Tailwind CSS
O Tailwind foi escolhido para agilizar a estilização da interface. Ele permite aplicar estilos diretamente nas classes HTML, o que torna o desenvolvimento mais rápido e o layout automaticamente responsivo, sem a necessidade de escrever CSS tradicional. -
Anime.js
Para dar mais vida ao site, usamos o Anime.js, uma biblioteca leve de animações. Com ela, criamos efeitos visuais suaves e interativos em textos, imagens e outros elementos da página, melhorando a experiência do usuário.
O design do site foi planejado no Figma. Você pode visualizar o protótipo completo clicando no link abaixo:
Para configurar e executar este projeto localmente, siga os passos abaixo:
-
Clone o repositório:
git clone https://github.com/Iwanhrq/etec-hortolandia.git
-
Acesse a pasta do projeto:
cd etec-hortolandia -
Instale as dependências:
npm install
-
Inicie o servidor de desenvolvimento:
npm run dev