📅 Planner de viagem - READ.ME

🚧 📅 Planner de Viagem 🚧

💻 Sobre o projeto

📅 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.

---

⚙️ Funcionalidades

• 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

---

🎨 Layout

O layout da aplicação está disponível no Figma:

Web

planner_dbO9D1c2.mp4

---

🛣️ Como executar o projeto

Este projeto é divido em duas partes:

1. Backend (pasta server)
2. Frontend (pasta web)

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.

🧭 Rodando a aplicação web (Frontend)

# 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 

🎲 Rodando o Backend (servidor)

# 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

---

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website (React + TypeScript)

• React Icons
• Axios

Utilitários🛻

• Protótipo: Figma → Protótipo
• API: https://github.com/rocketseat-education/nlw-journey-nodejs
• Editor: Visual Studio Code
• Ícones: Feather Icons, Font Awesome

---

🧙‍♂️ Autor

Veridiana Lucena de Marchi ✨