Skip to content

Essa desafeio foi realizado na Formação React Developer da DIO. A ideia era construir uma calculadora simples com propriedades básicas para por em prática conhecimentos. Como tenho experiência com UI/UX resolvi me desafiar e construir algo visualmente atrativo.

License

Notifications You must be signed in to change notification settings

weslleycabral/dio_calculadora

Repository files navigation

NPM

Calculadora DIO

Esse projeto foi um desafio na Formação React Developer, a intuito era por em prática conhecimentos básicos sobre estilização, props e estados do React. Como sou UI/UX designer, resolvi me desafiar e criei um layout no Figma onde os botões do tinham a aparência de 3d.

Nesse projeto não fui usado imagens, tudo é svg e O layout é de minha autoria.

  • Nesse projeto não fui usado imagens, tudo é svg.
  • O layout é de minha autoria.

Acessar Calculadora DIO

Layout Figma

Construi 2 propostas para a calculadora, ao criar o botão redondo, o tema da calculadora é alterado.

Projeto no Figma

Thumb Calculadora

Para rodar esse projeto e testas as funcionalidades execute os passos abaixo:

# Download do projeto

git clone https://github.com/weslleycabral/dio_calculadora.git
# Entrar na pasta do projeto

cd dio_calculadora
# Instalar dependências

npm install
# Executar projeto

npm run dev

Meus contatos

About

Essa desafeio foi realizado na Formação React Developer da DIO. A ideia era construir uma calculadora simples com propriedades básicas para por em prática conhecimentos. Como tenho experiência com UI/UX resolvi me desafiar e construir algo visualmente atrativo.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published