https://github.com/carlos3duardo/ignite-reactjs-desafio-06-worldtrip

Desafio da trilha Ignite, da Rocketseat, para aplicar os conhecimentos de Chakra UI utilizando o Next.js
https://github.com/carlos3duardo/ignite-reactjs-desafio-06-worldtrip

Last synced: about 1 month ago
JSON representation

Desafio da trilha Ignite, da Rocketseat, para aplicar os conhecimentos de Chakra UI utilizando o Next.js

• Host: GitHub
• URL: https://github.com/carlos3duardo/ignite-reactjs-desafio-06-worldtrip
• Owner: carlos3duardo
• Created: 2021-05-20T01:46:59.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-06-14T00:47:28.000Z (over 3 years ago)
• Last Synced: 2024-11-06T14:01:01.375Z (3 months ago)
• Language: TypeScript
• Homepage: https://worldtrip.cenarioweb.com.br
• Size: 1.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



## About

This is a ready [Next.js](https://nextjs.org) code structure with [TypeScript](https://www.typescriptlang.org), [ESLint](https://eslint.org), [Chakra UI](https://chakra-ui.com) and [Prettier](https://prettier.io) to start new projects.

Online demo: [https://nextjs-template-cenarioweb.vercel.app/](https://nextjs-template-cenarioweb.vercel.app/)

## Pre-requisites

Before you begin, you will need to have the following tools installed on your machine:

- [Git](https://git-scm.com)

- [Node.js](https://nodejs.org/en/)

- [Yarn](https://yarnpkg.com/)

In addition, it is good to have an editor to work with the code like [Visual Studio Code](https://code.visualstudio.com/).

## How to use

You just clone this repo or click in **Use this template** button to create a new project from this template.



  



Input the name of your awesome project and click in **Create repository com template**.



  



## Running the application

```bash

# Clone your repository create from this template

$ git clone [email protected]:/ 

# Access the project folder in your terminal

$ cd 

# Install the dependencies

$ yarn

# Run the application in development mode

$ yarn dev

# The application will open on the port: 3000 - go to http://localhost:3000

```

## That's it. You done!

| Light mode | Dark Mode |

|------------|-----------|

|||

## Tech Stack

The following tools were used in the construction of the project. Open the links to know more.

-   [React](https://reactjs.org)

-   [Next.js](https://nextjs.org)

-   [Chakra UI](https://chakra-ui.com)

-   [Framer Motion](https://www.framer.com/motion)

-   [TypeScript](https://www.typescriptlang.org)

-   [ESLint](https://eslint.org)

-   [Prettier](https://prettier.io)

-   [React Icons](https://react-icons.github.io/react-icons)

-   [EditorConfig](https://editorConfig.org)

Check *package.json* for more packages include.

## Author



 

 


 Carlos Eduardo



[![Badge](https://img.shields.io/badge/-GitHub-181717?logoColor=ffffff&color=181717&labelColor=181717&style=flat&logo=GitHub)](https://github.com/carlos3duardo)

[![Badge](https://img.shields.io/badge/-LinkedIn-0077b5?logoColor=ffffff&color=0077b5&labelColor=0077b5&style=flat&logo=linkedin)](https://www.linkedin.com/in/cenarioweb)

[![Badge](https://img.shields.io/badge/-Instagram-E4405F?style=flat&labelColor=E4405F&logoColor=ffffff&logo=instagram)](https://www.instagram.com/carloseduardo)

[![Badge](https://img.shields.io/badge/-Twitter-1da1f2?style=flat&labelColor=1da1f2&logoColor=ffffff&logo=twitter)](https://www.twitter.com/carlos3duardo)

[![Badge](https://img.shields.io/badge/-E--mail-d14836?style=flat&labelColor=d14836&logoColor=ffffff&logo=gmail)](mailto:[email protected])



## License

This project is under the license [MIT](./LICENSE).