📚 Sobre o projeto

  • Teste frontend para avaliar minhas skills tecnicas com ReactJS, Typescript.

💻 Funcionalidades

  • Adicionar avatar clicando no input ou arrastando a imagem.
  • Editar avatar utilizando o slider para dar zoom.
  • Salvar o avatar editado.

🛠️ Tecnologias/Ferramentas ultilizadas

  • React.js

  • Typescript

  • Vite

    Vite é uma alternativa muito interessante ao CRA, e que está sendo muito utilizada no mercado.

  • Vitest

    Como estou utilizando Vite pra criar o projeto React, é recomendado utilizar o vitest para os testes unitarios,

  • TailwindCSS

    Não é a stack que usam na croct, mas decidi usar aqui pois é uma forma que consigo configurar rápido e desenvolver o css, e posso ir estilizando meu component conforme vou criando

 

⚙️ Instalação

# Faça clone do projeto utilizando a CLI 
$ git clone https://github.com/0xb0b1/avatar-upload.git
# Acesse a pasta da aplicação
$ cd avatar-upload

# Instalando as dependências
$ yarn

# Inicie a aplicação 
$ yarn dev

# Executar testes
$ yarn test

 

🔗 Link para o projeto online

Avatar Upload