📅 Planner de Viagem é uma projeto de planejamento de viagens, que permite você:
- Escolher o destino
- Selecionar o período (range de data)
- Alterar local/data
- Adicionar e gerenciar convidados
- Cadastrar atividades (com nome, dia e horário)
- Salvar links importantes (AirBnb, etc)
Projeto desenvolvido durante a Semana NLW Journey - React oferecida pela RocketSeat.
-
Página Inicial - Primeiro passo
- Escolher o destino
- Selecionar o período
-
Convidados - Segundo passo
- Adicionar
- Alterar local e data
-
Modal para confirmar criação de viagem - Terceiro passo
- Cadastro de nome e email do criador da viagem
-
Atividades - Quarto passo
- Alterar local e data
- Modal: Cadastrar atividade (nome, data e hora)
- Excluir atividade
- Links importantes
- Gerenciar convidados
O layout da aplicação está disponível no Figma:
planner_dbO9D1c2.mp4
Este projeto é divido em duas partes:
- Backend (pasta server)
- Frontend (pasta web)
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.
# Clone este repositório
$ git clone git@github.com:haaveeni/plannerDeViagem.git
# Acesse a pasta do projeto no terminal/cmd
$ cd plannerDeViagem
# Instale as dependências
$ npm i
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# O servidor inciará na porta:3333 - acesse http://localhost:3333
# Clone este repositório
$ git clone https://github.com/rocketseat-education/nlw-journey-nodejs.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd nlw-journey-nodejs
# Instale as dependências
$ npm i
# Execute a aplicação em modo de desenvolvimento
$ npm run start
# A aplicação será aberta na porta:5173 - acesse http://localhost:5173
As seguintes ferramentas foram usadas na construção do projeto:
Website (React + TypeScript)
- Protótipo: Figma → Protótipo
- API: https://github.com/rocketseat-education/nlw-journey-nodejs
- Editor: Visual Studio Code
- Ícones: Feather Icons, Font Awesome
Veridiana Lucena de Marchi ✨