An open API service indexing awesome lists of open source software.

https://github.com/arrudadev/ignite-reactjs-worldtrip

Code of the Challenge 6 of the Ignite course on the ReactJs trail of the Rocketseat platform.
https://github.com/arrudadev/ignite-reactjs-worldtrip

chakra-ui nextjs reactjs tyepscript

Last synced: 8 months ago
JSON representation

Code of the Challenge 6 of the Ignite course on the ReactJs trail of the Rocketseat platform.

Awesome Lists containing this project

README

          





Worldtrip - Ignite ReactJS


Code of the Challenge 6 of the Ignite course on the ReactJs trail of the Rocketseat platform.

[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat)](http://makeapullrequest.com)
![GitHub repo size](https://img.shields.io:/github/repo-size/arrudadev/ignite-reactjs-worldtrip)


Report Bug
Request Feature

cover

:camera: Screenshots

Click to expand.

| Home | Home - Carousel | Continent | Continent - cities |
| --- | --- | --- | --- |
| Home | Home Carousel | Continent | Continent Cities |

:pushpin: Table of Contents

* [About The Project](#about-the-project)
* [Technologies](#technologies)
* [Getting Started](#getting-started)
* [Prerequisites](#prerequisites)
* [Installation](#installation)
* [Usage](#usage)
* [Contributing](#contributing)
* [Collaborators](#collaborators)
* [License](#license)

:pencil: About The Project


This project is challenge to create a next js project from scratch using chakra-ui and make the application responsive.

:computer: Technologies

This project was developed with the following technologies:

- [React](https://reactjs.org)
- [NextJs](https://nextjs.org/)
- [Typescript](https://www.typescriptlang.org/)
- [Chakra UI](https://chakra-ui.com/)
- [Swiper](https://swiperjs.com/react)

:runner: Getting Started


To run the project locally follow these steps:

:warning: Prerequisites

- [NodeJs](https://nodejs.org/en/) Prefer to install the LTS version.
- [Yarn](https://yarnpkg.com/) Need to install latest version prior to 2.0 version.

:construction_worker: Installation


1. To clone the project, run this command:

```
git clone https://github.com/arrudadev/ignite-reactjs-worldtrip.git
```


2. Install dependencies:

```
yarn install
```

:metal: Usage


1. Run the following command to start the application in a development environment:

```
yarn dev
```


2. Open the project into your browser in:

```
http://localhost:3000
```

:tada: Contributing


Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.


If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue. Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/amazing-feature`)
3. Commit your Changes (`git commit -m 'feat: Add some Amazing Feature'`)
4. Push to the Branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request

**After your pull request is merged**, you can safely delete your branch.

For more information read the [Contributing Guidelines](https://github.com/arrudadev/ignite-reactjs-worldtrip/blob/main/CONTRIBUTING.md).

:smile: Collaborators


People who contributed to this project.




Alexandre Arruda


Alexandre Arruda



:page_facing_up: License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.