Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rayanneramos/nlw-journey-reactjs

É uma aplicação intuitiva e completa para planejamento de viagens, projetada para facilitar a organização de todas as etapas de uma viagem, desde a escolha do destino até o convite de amigos e o cadastro de atividades.
https://github.com/rayanneramos/nlw-journey-reactjs

axios date-fns lucide-react react-day-picker react-router-dom reactjs tailwindcss typescript vitejs

Last synced: 2 days ago
JSON representation

É uma aplicação intuitiva e completa para planejamento de viagens, projetada para facilitar a organização de todas as etapas de uma viagem, desde a escolha do destino até o convite de amigos e o cadastro de atividades.

Awesome Lists containing this project

README

        

NLW Journey ReactJS - Plann.er


Thumbnail


License
Forks
Stars


## 💻 Projeto

[Plann.er](https://nlw-journey-reactjs-planner.vercel.app/) É uma aplicação intuitiva e completa para planejamento de viagens, projetada para facilitar a organização de todas as etapas de uma viagem, desde a escolha do destino até o convite de amigos e o cadastro de atividades. Com uma interface amigável e recursos integrados, o Plann.er ajuda a transformar qualquer viagem em uma experiência memorável e bem planejada.

## 🧪 Technologies

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [ReactJS](https://react.dev/)
- [Typescript](https://www.typescriptlang.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [Axios](https://axios-http.com/ptbr/docs/intro)
- [React-router-dom](https://reactrouter.com/)
- [React-day-picker](https://daypicker.dev/)
- [Date-fns](https://date-fns.org/)
- [Lucide-react](https://lucide.dev/guide/packages/lucide-react)

## 🚀 Instalação

```bash
# Clone o repositório e entre na pasta do projeto
$ git clone https://github.com/RayanneRamos/nlw-journey-reactjs.git
$ cd nlw-journey-reactjs
# Instale as dependências
$ npm install
# ou
$ yarn install
# Execute a aplicação
$ npx expo start
# ou
$ yarn start
```

Para ver a aplicação rodando abra no navegador https://localhost:5173

## 🔖 Layout

- [LayoutWeb]()

## 🔥 Desafios

- [x] Deixar as informações do modal de confirmar viagem de forma dinâmica
- [x] Criar a função alterar local e data
- [x] Criar a função de cadastrar novo link
- [x] Criar a função de gerenciar convidados
- [x] Listar os links importantes
- [x] Criar o modal de cadastrar link
- [x] Criar o modal de gerenciar convidados
- [x] Criar o modal de alterar local e data
- [x] Copiar para o link para área de transferência
- [x] Criar a modal de convidar novas pessoas
- [x] Criar a função de confirmar presença

## 📝 License

Este projeto está licenciado sob a Licença MIT. Veja o arquivo [LICENSE](LICENSE) para obter mais detalhes.

---

Criado by Rayanne Ramos