https://github.com/hugovarellaa/worldtrip
Esse projeto foi desenvolvido durante um dos desafios dos capitulos do Ignite da Rocketseat! A ideia era desenvolver um site do zero seguindo o layout do Figma usando apenas o sistema do Chakra UI. Nesse projeto eu acrescentei alguns detalhes por conta própria, já que curti bastante trabalhar nele!
https://github.com/hugovarellaa/worldtrip
chakra-ui nextjs reactjs swiper-js
Last synced: 26 days ago
JSON representation
Esse projeto foi desenvolvido durante um dos desafios dos capitulos do Ignite da Rocketseat! A ideia era desenvolver um site do zero seguindo o layout do Figma usando apenas o sistema do Chakra UI. Nesse projeto eu acrescentei alguns detalhes por conta própria, já que curti bastante trabalhar nele!
- Host: GitHub
- URL: https://github.com/hugovarellaa/worldtrip
- Owner: Hugovarellaa
- Created: 2021-10-13T13:48:04.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-10T11:33:40.000Z (about 3 years ago)
- Last Synced: 2025-02-15T15:50:07.906Z (3 months ago)
- Topics: chakra-ui, nextjs, reactjs, swiper-js
- Language: TypeScript
- Homepage: https://worldtrip-two-pink.vercel.app/
- Size: 12.8 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WorldTrip 💛✈
## 📚 Informações sobre o projeto
* Esse projeto foi desenvolvido durante um dos desafios dos capitulos do Ignite da Rocketseat! A ideia era desenvolver um site do zero seguindo o layout do Figma usando apenas o sistema do Chakra UI. Nesse projeto eu acrescentei alguns detalhes por conta própria, já que curti bastante trabalhar nele!
## 💻 O que tem no projeto?
* Design completo usando completamente o Charka UI, também com sua versão responsiva.
* Slides usando Swiper.
## 🔖 Layout
Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/Q9rO0T2EZ0ya1luXMiXZ5a/Desafio-1-M%C3%B3dulo-4-ReactJS-(Copy)?node-id=0%3A1). É necessário ter conta no [Figma](http://figma.com/) para acessá-lo.
## 👨🏻💻 Funcionalidades desenvolvidas por mim
* Integração com o Prismic CMS, onde todas as informações usadas no site são armazenadas/criadas.
* Adicionado o uso do sistema estatico do Next.js, onde todas as rotas são pré-carregadas e salvas em cache.
## 🛠️ Tecnologias/Ferramentas ultilizadas
* [React](https://pt-br.reactjs.org/E)
* [Next.js](https://nextjs.org/)
* [Chakra UI](https://chakra-ui.com/)
* [Swiper](https://swiperjs.com/react)
## ⚙️ Instalação
```
# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/Hugovarellaa/worldtrip
```
```
# Acesse a pasta da aplicação
$ cd worldtrip
# Crie um arquivo .env.local e coloque as variaveis
# de ambiente baseado no arquivo .env.example que
# se encontra na pasta worldtrip
# Instale as dependências
$ yarn
# Inicie a aplicação
$ yarn start
```
### 🔗 Link para o projeto online
[WorldTrip](https://worldtrip-two-pink.vercel.app/)
---
Feito com 💙 por Hugo Alves Varella