igoormichaeel / worldtrip

A application of a tourism page developed at Rocketseat's Ignite ReactJS course using NextJS, TypeScript and Chakra UI for entire interface. Prismic Headless CMS was also used to provide the data.

worldtrip

About this project

A application of a tourism page developed at Rocketseat's Ignite ReactJS course using NextJS. The focus is to develop the entire interface using Chakra UI, keeping the page responsive. NextJS SSG (static site generation) was used for homepage and continents pages, and all data was provided by Prismic Headless CMS.

Technologies and tools

• ReactJS as library
• NextJS as framework
• TypeScript as programming language
• Chakra UI for interface
• Swiper for slider
• Prismic as headless CMS

Figma

You can access the application layout in the Figma project.

Demonstration

worldtrip-demonstration.mp4

Production

The application can be accessed here.

Getting Started

Requirements

To run this project in the development mode, you'll need to have:

• Git
• Yarn

Installing

On terminal, clone de repository and go to the directory

$ git clone https://github.com/igoormichaeel/worldtrip.git
$ cd worldtrip

And execute the following command to install all de dependencies:

$ yarn

Then, to runs the app in the development mode, execute:

$ yarn dev

Open http://localhost:3000 to view it in the browser.