Loading repository data…
Loading repository data…
DaihSeven / repository
Este repositório contém a implementação de uma landing page responsiva desenvolvida como parte do Teste Técnico Frontend da ADAC Softwares.
Este repositório contém a implementação de uma landing page responsiva desenvolvida como parte do Teste Técnico Frontend da ADAC Softwares.
O principal objetivo do projeto foi transformar fielmente um design fornecido no Figma em uma aplicação funcional, utilizando boas práticas de desenvolvimento frontend, código organizado e atenção a detalhes visuais, responsividade e documentação.
Avaliar habilidades em desenvolvimento frontend, especialmente:
O design base utilizado neste projeto está disponível no Figma:
👉 Startup Landing Page Dark (Community) https://www.figma.com/design/ZPNUmaiz9mBy3vdKDQUass/Figma-startup-landing-page-dark--Community-
O projeto foi desenvolvido utilizando o App Router do Next.js, com organização baseada em componentes reutilizáveis:
app/ — rotas e layout raizcomponents/ — componentes de layout e seções (Header, Hero, Features, Gallery, etc.)public/ — imagens, ícones e assets estáticosconstants/ — dados estáticos como navegaçãoO desenvolvimento foi dividido em fases para garantir organização, evolução gradual do layout e facilidade de revisão:
Fase 1 — Estrutura inicial, dependências e pré-deploy
Fase 2 — Header e Footer
Fase 3 — Hero principal e Features
Fase 4 — Contents e Gallery
Fase 5 — Correção de bugs e ajustes de texto
Fase 6 — Partners, Testimonials e CTA
Fase 7 — Estilização de imagens e backgrounds
Fase 8 — Ícones e detalhes visuais
Fase 9 — Revisão final de botões, paddings, fontes e cores
Fase 10 — Documentação final
O layout foi desenvolvido seguindo o conceito mobile-first, garantindo:
Durante a instalação das dependências, o comando npm audit aponta vulnerabilidades relacionadas a dependências internas do Next.js e do ESLint.
Essas vulnerabilidades:
Essas decisões foram tomadas visando equilíbrio entre fidelidade visual e viabilidade técnica.
A aplicação está disponível online em:
👉 Vercel Deploy (link do deploy aqui)
Para rodar o projeto em ambiente local, siga os passos abaixo:
Clone o repositório:
git clone https://github.com/DaihSeven/frontend-test-adac-softwares.git
Acesse a pasta do projeto:
cd frontend-test-adac-softwares
Instale as dependências:
npm install
Inicie o servidor de desenvolvimento:
npm run dev
A aplicação ficará disponível em:
http://localhost:3000
Para gerar a versão de produção:
npm run build
Para rodar o build localmente:
npm run start
Daiane das Graças Barbosa Koslowski
Este projeto foi desenvolvido com foco em clareza, organização e aprendizado contínuo. Fico à disposição para esclarecer qualquer ponto técnico ou decisão tomada durante o desenvolvimento.
Obrigado pela oportunidade 🚀