https://github.com/diego64/desafio_01_capitulo_04_ignite_react.js

Desafio 01 - Interface com Chakra UI
https://github.com/diego64/desafio_01_capitulo_04_ignite_react.js

Last synced: 5 days ago
JSON representation

Desafio 01 - Interface com Chakra UI

• Host: GitHub
• URL: https://github.com/diego64/desafio_01_capitulo_04_ignite_react.js
• Owner: diego64
• Created: 2021-06-04T00:55:42.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-06-05T00:29:57.000Z (over 3 years ago)
• Last Synced: 2024-11-08T08:11:46.375Z (about 2 months ago)
• Language: TypeScript
• Size: 3.77 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


    



Interface com Chakra UI




  Tecnologias   |   

  Sobre o desafio   |   

  Rodando a aplicação   



## 📦 Tecnologias

- Next.Js

- Chakra UI

- Swiper

## 📦 Sobre o desafio

A primeira coisa que vocês podem perceber na seção superior esquerda é que temos duas versões do projeto: **Web** e **Mobile**

Páginas da aplicação: Temos duas páginas para cada versão da aplicação: **Home** e **Continent**.

- Home: Nessa página você tem um Header, um Banner, uma seção mostrando os tipos de viagem e por fim um CTA (call to action) pedindo para você selecionar um dos continentes.

Como há diferentes formas de classificar e dividir o mundo em continentes, sugerimos utilizar:

- América do Norte;

- América do Sul;

- Ásia;

- África;

- Europa;

- Oceania.

- Continente: Nessa página você tem um Header, um Banner, uma seção mostrando informações do continente e por fim uma seção mostrando as cidades +100.

## 📦 Rodando a aplicação

- Clone o repositório

- Instale as dependências com `yarn install`

- rode o comando `yarn dev` e em seguida abra o navegador e coloque o endereço `localhost:3000`