/challenge-chapter04-ignite2021-rocketseat

Project created with Chakra UI and NextJS

Primary LanguageTypeScript

Worldtrip

First challenge of chapter four of Rocketseat's Ignite 2021, created with NextJS and CrakraUI.

Demo of the worldtrip splash screen

Objective

Creation of an application based on Figma's layout, using the main features of ChakraUI, along with NextJS.

As an additional challenge, it was necessary to use the Swiper library to create a carousel.

Applied Techniques

  • Componentization of elements with ChakraUI
  • Creating routes with Next Link
  • Mobile/desktop layout adaptation
  • Carousel creation

Get started

npm

# install dependencies
npm install

# run the project
npm run dev

yarn

# install dependencies
yarn 

# run the project
yarn run dev