Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ricnaga/go-barber
Aplicação em react que realiza marcações de serviço de barbearia
https://github.com/ricnaga/go-barber
axios components hooks jest react styled-components toast-notifications typescript unform yup
Last synced: about 1 month ago
JSON representation
Aplicação em react que realiza marcações de serviço de barbearia
- Host: GitHub
- URL: https://github.com/ricnaga/go-barber
- Owner: Ricnaga
- License: mit
- Created: 2020-11-11T01:55:42.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-11-12T01:19:52.000Z (over 1 year ago)
- Last Synced: 2025-01-21T14:19:19.674Z (about 1 month ago)
- Topics: axios, components, hooks, jest, react, styled-components, toast-notifications, typescript, unform, yup
- Language: TypeScript
- Homepage:
- Size: 2.7 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#
GoBarber Web
####
- Projeto Finalizado
###
Conteúdo do bootcamp GoStack criado pela equipe Rocketseat e realizado pela minha pessoa, abordando conceitos sobre:
#### 1. HTML
#### 2. CSS com styled-components
#### 3. Typescript: tipagem
#### 4. ReactJS: Hooks
#### 5. ReactJS: Components
#### 6. ReactJS: rotas
#### 7. ReactJS: chamada a API com axios
#### 8. ReactJS: Formulários utlizando @unform
#### 9. ReactJS: Validação de formulários com Yup
#### 10. ReactJS: Toast messages
#### 11. TDD com jest
##
Sumário
- [Requisitos](#Requisitos
)
- [Tecnologias utilizadas](#Tecnologias-utilizadas)
##
Requisitos
Para executar a aplicação é necessário instalar algumas ferramentas tais como um editor de códigos para realizar compilação dos mesmos. Nesse projeto foi utilizado o [Visual Studio Code](https://code.visualstudio.com/), [NodeJS](https://nodejs.org/en/) para compilação do código, [Git Bash](https://gitforwindows.org/) para baixar o repositório e baixar todas as dependências necessárias.
```bash
# Baixe o repositório.
$ git clone https://github.com/Ricnaga/GoBarberWeb.git
# Acesse a pasta do projeto.
$ cd GoBarberWeb
# Agora que baixou e acessou o repositório, vamos começar a instalação das dependências.
$ yarn ( caso não utilize o yarn execute apenas npm -i)
# Depois de instalado todas as dependências, abra a aplicação via vscode
$ code .
# Agore execute a aplicação.
$ yarn start (caso não utilize o yarn: npm run start)
# A aplicação iniciará na porta 3000
# No navegador digite: http://localhost:3000
```
##
Tecnologias utilizadas
- [HTML](https://www.w3.org/HTML)
- [Styled-components](https://styled-components.com/)
- [Typescript](https://www.typescriptlang.org/)
- [React JS](https://pt-br.reactjs.org/)
- [Jest JS](https://jestjs.io/)
##
Autor
Atividade desenvolvida no bootcamp GoStack pela equipe Rocketseat, realizados por minha pessoa.
Gostou? tem alguma sugestão de melhoria? por favor, entre em contato e ja aproveita e me adiciona.
