Portfolio

Website

https://carolandrade.dev/

Data

agosto 2021 - Incompleto

Logo Portfolio

  • Pesquisa e Planejamento

    O desafio do Bootcamp era criar um Portfolio com o intutio de dispor outros projetos. A principio eu realizei uma pesquisa para referências de layout, cores e fontes. Em seguida fiz um rascunho no Figma, para então começar a desenvolver o projeto.

    • Sistema de design
    • Dribbble
    • Awwwards
    • Airbnb design
    • Behance
    • UX Design
    • Google Fonts

  • Tecnologias e Linguagens

    Durante o Bootcamp, pude conhecer o Next.js, React e Style-components. Expandi meu conhecimento em CSS e pude desenvolver animações e efeitos. Além disso passei a utilizar pacotes para garantir fluxos de integração contínua e deploy contínuo (CI/CD) no projeto.

    • JS, ES6
    • HTML
    • CSS
    • Styled-components
    • Next.js
    • React
    • Conventional Commits
    • ESLint
    • Husky

  • Testes e validações

    Os testes servem para garantir a qualidade das funcionalidades do site. O Cypress foi utilizado para testar o ContactForm e o yup para validar os inputs do formulário. O React Testing Library foi utilizado nos componentes e Jest para o código JS mais simples. Também adicionei o mecanismo de testes ao padrão de qualidade do ESLint.

    • Cypress
    • Jest
    • Yup
    • React Testing Library

  • Fontes e cores

    A fonte escolhida para o projeto foi Sora, disponibilizada pelo GoogleFonts. Foram escolhidas cores neutras e para alguns detalhes da pagina, a cor #96A7CF.

    Fonte Sora

    O portfolio começou sendo o primeiro desafio do Bootcamp Front End Avançado da Alura, mas com o passar das etapas decidi me aprofundar e melhorar cada vez mais o projeto. Com isso, conheci e aprendi novas ferramentas, desenvolvi novos projetos e adquiri novos conhecimentos.

    ©2022 - Carol