Case do processo seletivo para o estágio em Front-End da Ally Hub. O desafio é fazer um formulário simples em ReactJS, pegando dados de duas APIs diferentes (países e cidades), onde o usuário pode selecionar múltiplos locais. Para isto, criei uma agência de viagens fictícia chamada Ampliando Horizontes: a agência fez um sorteio e o usuário é o vencedor, tendo que então preencher alguns dados no formulário para poder receber o prêmio. O projeto também é responsivo em celulares e tablets.
- Ao selecionar os países, não consegui fazer o filtro refletir no campo cidades. Porém ainda estou pesquisando como posso fazer isso.
- React.js: React é uma biblioteca JavaScript para construção de interfaces de usuário.
- Axios: O Axios é um biblioteca que permite uma integração do projeto React com qualquer serviço de API disponível.
- Styled Components: Styled Components é uma biblioteca que utiliza o conceito de CSS-in-JS, ou seja, que permite escrever códigos CSS dentro do Javascript.
- React-router-dom: O React Router é uma biblioteca do React que permite a navegação entre diversas partes da aplicação, como páginas.
- Material UI: É uma popular biblioteca de componentes React. O MUI segue as diretrizes, componentes e ferramentas de material design do Google para tornar os aplicativos web mais rápidos.
Antes de começar você vai precisar ter instalado em sua máquina as seguintes ferramentas: o Git e o Node.js. Além disso, é bom ter uma IDE para trabalhar com o código. Eu recomendo o VSCode.
# Clone este repositório
# HTTPS
$ git clone https://github.com/mhsouza88/ampliando-horizontes.git
# SSH
$ git clone [email protected]:mhsouza88/ampliando-horizontes.git
# CLI
$ gh repo clone mhsouza88/ampliando-horizontes
# Acesse a pasta do projeto no terminal
$ cd ./ampliando-horizontes
# Instale as dependências
$ npm install
# Para iniciar o projeto
$ npm run start
# O servidor iniciará na porta:3000 - acesse <http://localhost:3000>
Maria Helena Souza |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent