Modulo09GoBarberWeb.txt

Modulo09GoBarberWeb.txt
GoBarberWeb
-->Estrutura Configurada
yarn create react-app modulo09gogarberweb
yarn add --exact react-scripts@3.0.1
yarn add --exact react@16.8.6
yarn add --exact react-dom@16.8.6
yarn add eslint@^5.16.0 -D
yarn eslint --init
yarn add prettier eslint-config-prettier eslint-plugin-prettier babel-eslint -D

-->Instalação do docker+postgres
https://docs.docker.com/engine/install/ubuntu/
postgres no docker: https://hub.docker.com/_/postgres
docker run --name database -e POSTGRES_PASSWORD=docker -p 5432:5432 -d postgres

//listar todos os containers que estão rodando
docker -ps

//gui para postgres
https://www.electronjs.org/apps/postbird
usuario: postgres senha: docker

//parar container
docker stop database
docker start database

//visualizar erros
docker logs database

//configurando o mongodb
docker run --name mongobarber -p 27017:27017 -d -t mongo

//testar se o mongo está rodando: localhost:27017
docker start mongo

//configurando o redis, para trabalhos em segundo plano (background)
docker run --name redisbarber -p 6379:6379 -d -t redis:alpine

//adiconando o cors no modulo03-modulo09
//outras aplicações acessem a nossa api
yarn add cors@^2.8.5

-->Configurando Rotas
yarn add react-router-dom@^5.0.1
yarn add history@^4.9.0

-->Configurando o Reactotron
yarn add reactotron-react-js@^3.3.2

//inicializar os bds (mongo, postgresql e redis)
docker start database
docker start mongobarber
docker start redisbarber

-->Rotas Privadas
yarn add prop-types@^15.7.2

-->Layouts por página
yarn add styled-components@^4.3.2

-->Estilos Globais

-->Utilizando Root Import
yarn add customize-cra@^0.2.14 -D
yarn add react-app-rewired@^2.1.3 -D
yarn add babel-plugin-root-import@^6.2.0 -D
yarn add eslint-import-resolver-babel-plugin-root-import@^1.1.1
yarn add polished@^3.4.1

--> Utilizando o Unform
yarn add @rocketseat/unform@^1.5.1

-->Validações
yarn add yup@^0.27.0

-->Configurando Store
yarn add redux@^4.0.4 redux-saga@^1.0.5 reactotron-redux@^3.1.1 reactotron-redux-saga@4.2.2 immer@^3.1.3

-->Autenticação
yarn add axios@^0.19.0

-->Persistindo Autenticação
yarn add redux-persist@^5.10.0

-->Loading de Autenticação

-->Exibindo tasts
yarn add react-toastify@^5.3.1

-->Configurando Header
yarn add react-redux@^7.1.0

-->Estilizando Notificações
yarn add react-icons@^3.7.0
yarn add react-perfect-scrollbar@^1.5.3

-->Notificações
yarn add date-fns@^2.0.0


-->Página de Perfil

-->Dados do Header

-->Estilização do DashBoard

-->Listando Agendamentos
yarn add date-fns-tz@^1.0.7