O projeto Alura Cases é uma aplicação web desenvolvida como parte de um curso da plataforma Alura, porém, passei um tempo aprimorando-o com algumas melhorias significativas. O objetivo principal foi aplicar os conhecimentos adquiridos no curso e aprofundar minha compreensão no React e em algumas tecnologias citadas logo abaixo.
Next.js : O Next.js foi a escolha ideal para este projeto devido à sua simplicidade e alto desempenho. Ele facilita a construção de aplicativos React com renderização do lado do servidor e fornece um ambiente de desenvolvimento amigável.
Vercel : A Vercel foi utilizada para hospedar o projeto, permitindo um processo de deploy automático a partir do repositório Git e pré-renderização, o que resultou em uma experiência de usuário mais rápida e confiável, através da entrega de páginas estáticas pré-geradas.
Styled Components : Criei estilos para meus componentes de forma mais modular e encapsulada, o que torna o código mais organizado e reutilizável.
Design System Yoga do Gympass : Biblioteca de componentes e estilos pré-definidos que me permitiu dar um aspecto visual mais consistente ao projeto.
ESLint : Utilizei o ESLint para garantir a qualidade e a consistência do código. Ele me permitiu aplicar regras de estilo e boas práticas de programação, detectar erros potenciais e evitar problemas comuns.
Prettier : O Prettier complementou o ESLint, formatando automaticamente o código, o que manteve a consistência em todo o projeto e economizou tempo durante o processo de desenvolvimento.
Atomic Design : A Metodologia do Atomic Design é um conceito utilizado no desenvolvimento de interfaces, que se baseia na hierarquização dos componentes em cinco níveis distintos (Átomos, Moléculas, Organismos, Templates e Páginas), promovendo uma abordagem modular e reutilizável para a construção de interfaces coesas e consistentes.
Instale as dependências do Yarn utilizando o comando:
yarn install
Clone o repositório:
git clone git@github.com:oharaju/alura-cases.git
Entre na pasta do projeto:
cd pokedex-react
Para iniciar o projeto use o comando:
yarn dev