Projeto desenvolvido durante o NLW Journey da Rocketseat que consiste em um site desktop para montar planos de viagem com amigos, registrar atividades e links úteis.
- React: Biblioteca para construção da interface do usuário (
reactereact-dom). - React Router: Gerenciamento de rotas no aplicativo (
react-router-dom). - Axios: Requisições HTTP (
axios). - Date-fns: Manipulação e formatação de datas (
date-fns). - LocalForage: Armazenamento de dados offline (
localforage). - Lucide React: Conjunto de ícones para React (
lucide-react). - React Day Picker: Componente para seleção de datas (
react-day-picker). - Sonner: Biblioteca para criar notificações (
sonner). - Sort-by: Função para ordenar arrays (
sort-by). - Tailwind Variants: Utilitário para criar variantes de estilos com Tailwind CSS (
tailwind-variants). - Zod: Biblioteca para validação de esquemas (
zod). - Match Sorter: Função para ordenar e filtrar listas (
match-sorter).
Siga as etapas abaixo para configurar e instalar o plann.er em seu ambiente local:
- Clone o repositório e acesse o diretório:
git clone git@github.com:brunohnsouza/nlw-journey-react.git
cd nlw-journey-react- Instale as dependências do projeto:
npm install- Inicie o servidor em modo de desenvolvimento:
npm run devAcesse http://localhost:5173 para visualizar a aplicação.
O projeto oferece as seguintes funcionalidades:
- Planejamento de Viagens: Crie e gerencie planos de viagem colaborativos com amigos.
- Registro de Atividades: Adicione e acompanhe atividades planejadas durante a viagem.
- Links Úteis: Armazene e acesse links importantes relacionados à sua viagem.
- Interface Desktop: Experiência otimizada para visualização e interação em dispositivos desktop.
Veja os vídeos demonstrando os testes do front-end com o back-end funcionando localmente em http://localhost:3333: