/planejador-de-viagem

O Planejador de Viagem é uma aplicação web que permite aos usuários agendar atividades de viagem de forma eficiente. O usuário pode adicionar atividades, selecionar datas e horários disponíveis, e acompanhar as atividades planejadas. O projeto foi desenvolvido com HTML, CSS e JavaScript, utilizando a biblioteca Day.js para manipulação de datas.

Primary LanguageJavaScript

Planejador de Viagem 🛫

O Planejador de Viagem é uma aplicação web que permite aos usuários agendar atividades de viagem de forma eficiente. Com uma interface intuitiva e responsiva, o usuário pode adicionar atividades, selecionar datas e horários disponíveis, e acompanhar as atividades planejadas. O projeto foi desenvolvido com HTML, CSS e JavaScript, utilizando a biblioteca Day.js para manipulação e formatação de datas.

Planejador Screenshot

Índice

  1. Demonstração do Projeto
  2. Instalação
  3. Uso
  4. Tecnologias Utilizadas
  5. Funcionalidades
  6. Contribuições
  7. Contato

Demonstração do Projeto

Você pode acessar o site ao vivo aqui.

Ou assista a um vídeo de demonstração:

Video

Instalação

Para rodar o projeto localmente, siga os passos abaixo:

  1. Clone o repositório:

    git clone https://github.com/pamellasiq/planejador-de-viagem.git

  2. Navegue até o diretório do projeto:

    cd planejador-de-viagem

  3. Abra o aquivo index.html

    index.html

Uso

Adicionar uma Atividade

  • Insira o nome da atividade no campo "Qual a atividade?"
  • Selecione a data desejada no campo de seleção de dias.
  • Selecione a hora desejada no campo de seleção de horas.
  • Clique no botão "Salvar atividade" para adicionar à lista.

Concluir uma Atividade

Na lista de atividades, clique no checkbox ao lado da atividade para marcar como concluída. A atividade ficará marcada visualmente como concluída.

Tecnologias Utilizadas

  • HTML5 & CSS3: Para estruturação do conteúdo da aplicação e estilização e responsividade do layout.
  • JavaScript: Para manipulação de dados e interatividade.
  • Day.js: Biblioteca JavaScript para manipulação de datas.
  • ScrollReveal: Animações de rolagem.
  • Google Fonts: Para uso da fonte "Inter".

Funcionalidades

  • Adicionar Atividades: Permite que o usuário insira o nome de uma atividade e selecione a data e a hora desejadas.
  • Visualizar Atividades: Exibe uma lista das atividades agendadas, indicando quais já foram concluídas.
  • Marcar Conclusão de Atividades: O usuário pode marcar atividades como concluídas ou não concluídas, usando uma interface de checkbox.
  • Interface Responsiva: O layout é adaptativo, garantindo uma boa experiência de usuário em dispositivos móveis e desktops.

Contribuições

Contribuições são bem-vindas! Siga os passos abaixo para contribuir:

  1. Faça um fork do projeto.
  2. Crie uma nova branch para a sua feature: git checkout -b feature/nova-feature
  3. Faça commit das suas alterações: git commit -m 'Adiciona nova feature'
  4. Faça push para a branch: git push origin feature/nova-feature

Contato

Para qualquer dúvida ou feedback, sinta-se à vontade para entrar em contato:

Obrigada por visitar o projeto! Espero que você aproveite a experiência!❤️