Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rubendvb/nlw-planner-react


https://github.com/rubendvb/nlw-planner-react

Last synced: about 10 hours ago
JSON representation

Awesome Lists containing this project

README

        

# Planejador de Viagem

## Descrição

O **Planejador de Viagem** é um site desktop desenvolvido para ajudar a montar planos de viagem com amigos, registrar atividades e armazenar links úteis. Este projeto faz parte do evento NLW Journey, oferecido pela Rocketseat, voltado para alunos interessados em aprimorar suas habilidades de desenvolvimento web.

## Funcionalidades

- **Montagem de Planos de Viagem**: Crie e organize seus planos de viagem com facilidade.
- **Registro de Atividades**: Adicione e gerencie atividades planejadas para a viagem.
- **Armazenamento de Links Úteis**: Guarde links importantes que possam ser úteis durante a viagem, como reservas de hotel, restaurantes, pontos turísticos, etc.

## Tecnologias Utilizadas

- **React**
- **TypeScript**
- **Vite**
- **Tailwind CSS**
- **Axios**
- **Date-fns**
- **LocalForage**
- **Lucide-react**
- **Match-sorter**
- **React Day Picker**
- **React Router DOM**

## Instalação

### Frontend

1. Clone o repositório:
```sh
git clone https://github.com/Rubendvb/nlw-planner-react.git
```
2. Navegue até o diretório do projeto:
```sh
cd nlw-planner-react
```
3. Instale as dependências:
```sh
npm install
```
4. Execute o projeto em modo de desenvolvimento:
```sh
npm run dev
```

### Backend

1. Clone o repositório do backend:
```sh
git clone https://github.com/rocketseat-education/nlw-journey-nodejs.git
```
2. Navegue até o diretório do backend:
```sh
cd nlw-journey-nodejs
```
3. Instale as dependências:
```sh
npm install
```
4. Crie um arquivo `.env` na raiz do projeto e adicione as variáveis do arquivo `.env.example`.
5. Execute o servidor:
```sh
npm run dev
```

## Como Usar

1. Abra o site no seu navegador.
2. Crie um novo plano de viagem.
3. Adicione as atividades e links úteis conforme necessário.
4. Salve e compartilhe seu plano de viagem com amigos.

## Imagens

Aqui estão algumas capturas de tela do projeto:

![alt](public/project.gif)

## Contribuição

1. Faça um fork do projeto.
2. Crie uma nova branch com a sua feature:
```sh
git checkout -b minha-feature
```
3. Commit suas mudanças:
```sh
git commit -m 'Adiciona minha feature'
```
4. Faça um push para a branch:
```sh
git push origin minha-feature
```
5. Abra um Pull Request.

## Licença

Este projeto está licenciado sob a [Licença MIT](LICENSE).

## Agradecimentos

Este projeto foi desenvolvido como parte do evento NLW Journey da Rocketseat. Agradecimentos especiais à equipe da Rocketseat por proporcionar um excelente conteúdo educacional.

---

Para mais informações, visite [Rocketseat](https://rocketseat.com.br).