WorldTrip

Desafio: Interface com Chakra UI - Jornada Ignite by Rocketseat - Trilha ReactJS

Descrição:

• Site de viagens segmentada em continentes: Europa, Ásia, África, Oceania, América do Norte e América do Sul);
• Interface baseada nos componentes do Chakra UI;
• Banner CTA dos continentes (Carousel);
• Página com as informações do continente selecionado e seção com cards das cidades +100;
• Layout responsivo (mobile e desktop).

Tecnologias utilizadas: 🚀

• ReactJs | 18.0.0
• NextJs | 12.1.2
• Chakra UI | ^1.8.7
• Typescript | ^4.6.3 -D
• Json Server | ^0.17.0 -D

Instalação em sua máquina ⚙️

# Clone o projeto e acesse a pasta
$ git clone https://github.com/jfernandesdev/ignite-challenge-06-worldtrip.git && cd ignite-challenge-06-worldtrip

# Instale as dependências
$ yarn

# Rode o servidor fake (json server)
$ yarn server

# Rode o projeto 
$ yarn dev

// O servidor fake estará disponível em  http://localhost:3333
// A aplicação estará disponível para acesso em seu navegador em http://localhost:3000

Layout (by @rocketseat) 🤩

Desktop (screenshot):

Home	Continent Page

Mobile (screenshot):

Home 1	Home 2	Continent 1	Continent 2