paulovaz-dev/06-gobarber-web

Aula 06 - GoBarber Web

Neste projeto foi desenvolvido algumas páginas da aplicação web chamdo "GoBarber".

Ferramentas utilizadas no projeto

• React.JS
• Axios
• Styled Components
• React-Icons
• Polished
• Unform
• React Spring
• UUIDv4
• Yup
• React Router DOM

Ferramentas auxiliares

• ESLint
• Prettier

Execução do projeto

Requisitos

• Gerenciador de pacotes (Yarn)
• Back-end

*Para executar esse projeto você vai precisar do projeto da aula 4 rodando

Procedimento

1. Abra um terminal e navegue até a raíz do projeto.
2. Instale as dependências com o comando:
   • yarn
3. Rode o projeto com o comando:
   • yarn start

Caso o projeto não abra automáticamente, abra um browser e acesse:

http://localhost:3000/

Considerações finais

Nesse projeto foram desenvolvidas 3 páginas:

• Login
• Cadastro
• Dashboard, apenas para referência

As páginas de Login e Cadastro tem válidação de dados, avisos e toasts de notificação, conforme podem ver na animação.

Atenção

Esse projeto salva os dados de login no LocalStorage do browser, caso queira desfazer o login é necessário apagar esses dados. Para acessar o Local Storage, siga os passos:

1. Clique com o botão direito do mouse na página
2. Entre na opção "Inspecionar" ou "Inspect"
3. Vá na aba "Aplicação" ou "Application"
4. No menu esquerdo, acesse "Local Storage"

Caso queira excluir as informações, clique na "Key" "@GithubExplorer[...]' e pressione "del" em seu teclado.

Como contribuir

• Faça um fork desse repositório;
• Cria uma branch com a sua feature: git checkout -b minha-feature;
• Faça commit das suas alterações: git commit -m 'feat: Minha nova feature';
• Faça push para a sua branch: git push origin minha-feature.

Depois que o merge da sua pull request for feito, você pode deletar a sua branch.

Author:

• Paulo Vaz - LinkedIn

Licença

Este projeto é licenciado sobre a licença MIT - veja LICENSE.md para mais informações.