{"id":25855564,"url":"https://github.com/mathrb22/nlw-journey-frontend","last_synced_at":"2026-05-09T02:04:27.961Z","repository":{"id":247706536,"uuid":"826611705","full_name":"mathrb22/nlw-journey-frontend","owner":"mathrb22","description":"Plann.er é uma aplicação web para criação de planos de viagem com amigos, registro de atividades e links úteis. Projeto desenvolvido durante o NLW Journey","archived":false,"fork":false,"pushed_at":"2024-07-21T05:35:00.000Z","size":2744,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-07-21T06:34:08.736Z","etag":null,"topics":["frontend","reactjs","tailwindcss","typescript","web"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mathrb22.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-10T03:40:13.000Z","updated_at":"2024-07-21T05:35:04.000Z","dependencies_parsed_at":"2024-07-16T15:25:18.364Z","dependency_job_id":null,"html_url":"https://github.com/mathrb22/nlw-journey-frontend","commit_stats":null,"previous_names":["mathrb22/nlw-journey-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-journey-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-journey-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-journey-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-journey-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mathrb22","download_url":"https://codeload.github.com/mathrb22/nlw-journey-frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241396896,"owners_count":19956436,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["frontend","reactjs","tailwindcss","typescript","web"],"created_at":"2025-03-01T17:19:07.147Z","updated_at":"2025-10-11T09:03:47.825Z","avatar_url":"https://github.com/mathrb22.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg src=\".github/logo.svg\" alt=\"plann.er\" style=\"height: 50px\"\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n   \u003ca href=\"https://github.com/mathrb22\"\u003e\n      \u003cimg alt=\"Made by mathrb22\" src=\"https://img.shields.io/badge/made%20by-mathrb22-yellow\"\u003e\n   \u003c/a\u003e\n   \u003ca href=\"https://github.com/mathrb22/nlw-journey-frontend/commits/main\"\u003e\n      \u003cimg alt=\"GitHub Last Commit\" src=\"https://img.shields.io/github/last-commit/mathrb22/nlw-journey-frontend\"\u003e\n   \u003c/a\u003e\n   \u003ca href=\"https://github.com/mathrb22/nlw-journey-frontend/issues\"\u003e\n      \u003cimg alt=\"GitHub Issues\" src=\"https://img.shields.io/github/issues/mathrb22/nlw-journey-frontend\"\u003e\n   \u003c/a\u003e\n   \u003ca href=\"https://github.com/mathrb22/nlw-journey-frontend/pulls\"\u003e\n      \u003cimg alt=\"Pull Requests Welcome\" src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\"\u003e\n   \u003c/a\u003e\n   \u003ca href=\"https://github.com/mathrb22/nlw-journey-frontend/blob/main/LICENSE\"\u003e\n      \u003cimg alt=\"GitHub License\" src=\"https://img.shields.io/github/license/mathrb22/nlw-journey-frontend\"\u003e\n   \u003c/a\u003e\n\u003c/div\u003e\n\n\u003c/br\u003e\n\u003cdiv align=\"center\"\u003e\n\n[**Sobre**](#-sobre) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Objetivo**](#-objetivo) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Tecnologias e ferramentas**](#-tecnologias-e-ferramentas) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Features**](#-features) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Demonstração**](#-demonstração) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Protótipo**](#-protótipo) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Referência da API**](#-referência-da-api) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Instalação e execução**](#-instalação-e-execução) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Como contribuir**](#-como-contribuir) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Licença**](#-licença)\n\n\u003c/div\u003e\n\n## 📃 Sobre\n\n\u003cimg alt=\"plann.er\" src=\".github/plann.er.png\" width=\"100%\"/\u003e\n\n**Plann.er** é o projeto desenvolvido durante a trilha de React da **Next Level Week Journey**, um evento online produzido pela [**Rocketseat**](https://github.com/Rocketseat).\n\nTrata-se de uma aplicação web que permite aos usuários convidar seus amigos e planejar suas próximas viagens de uma forma simples e intuitiva.\n\n## 🎯 Objetivo\n\nO objetivo principal do **Plann.er** é criar uma plataforma que permita aos usuários planejar suas viagens, cadastrar atividades, e links úteis para a viagem, além de poder convidar amigos para acompanhar o planejamento.\n\n## 🚀 Tecnologias e ferramentas\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"100\"\u003e\n      \u003ca href=\"https://reactjs.org/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n        \u003cimg width=\"60\" src=\"https://user-images.githubusercontent.com/25181517/183897015-94a058a6-b86e-4e42-a37f-bf92061753e5.png\" alt=\"React\" title=\"React\"/\u003e\n      \u003c/a\u003e\n      \u003cspan\u003eReact\u003c/span\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"100\"\u003e\n      \u003ca href=\"https://www.typescriptlang.org/\"\u003e\n        \u003cimg width=\"60\" src=\"https://user-images.githubusercontent.com/25181517/183890598-19a0ac2d-e88a-4005-a8df-1ee36782fde1.png\" alt=\"TypeScript\" title=\"TypeScript\"/\u003e\n      \u003c/a\u003e\n      \u003cspan\u003eTypeScript\u003c/span\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"120\"\u003e\n      \u003ca href=\"https://tailwindcss.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n        \u003cimg width=\"60\" src=\"https://user-images.githubusercontent.com/25181517/202896760-337261ed-ee92-4979-84c4-d4b829c7355d.png\" alt=\"Tailwind CSS\" title=\"Tailwind CSS\"/\u003e\n      \u003c/a\u003e\n      \u003cspan\u003eTailwind CSS\u003c/span\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"100\"\u003e\n      \u003ca href=\"https://vitejs.dev/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n        \u003cimg width=\"60\" src=\"https://github.com/marwin1991/profile-technology-icons/assets/62091613/b40892ef-efb8-4b0e-a6b5-d1cfc2f3fc35\" alt=\"Vite\" title=\"Vite\"/\u003e\n      \u003c/a\u003e\n      \u003cspan\u003eVite.js\u003c/span\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## ✨ Features\n\n✅ Criação de viagens\u003c/br\u003e\n✅ Seleção de convidados para a viagem\u003c/br\u003e\n✅ Cadastro de atividades\u003c/br\u003e\n✅ Validação de datas disponíveis para atividades\u003c/br\u003e\n✅ Cadastro de links úteis\u003c/br\u003e\n✅ Skeleton loader para carregamento de informações\u003c/br\u003e\n✅ Design responsivo\u003c/br\u003e\n✅ Cópia de link para a área de transferência\u003c/br\u003e\n\n## 💻 Demonstração\n\n[plann-er-demo.webm](https://github.com/mathrb22/nlw-journey-frontend/assets/62413443/3d8dcfa3-9fb8-47d0-80d6-e9f55627f19e)\n\n\u003cfigure style=\"width: 100%\"\u003e\n  \u003cfigcaption style=\"margin-bottom: 8px\"\u003eCriação de uma viagem:\u003c/figcaption\u003e\n  \u003cimg src=\".github/plann.er-trip-creation.png\" alt=\"Criação de uma viagem no Plann.er\" \u003e\n\u003c/figure\u003e\n\n\u003cfigure style=\"width: 100%\"\u003e\n  \u003cfigcaption style=\"margin-bottom: 8px\"\u003eInclusão de convidados:\u003c/figcaption\u003e\n  \u003cimg src=\".github/plann.er-invites.png\" alt=\"Inclusão de convidados no Plann.er\" \u003e\n\u003c/figure\u003e\n\n\u003cfigure style=\"width: 100%\"\u003e\n  \u003cfigcaption style=\"margin-bottom: 8px\"\u003eConfirmar criação de uma viagem:\u003c/figcaption\u003e\n  \u003cimg src=\".github/plann.er-trip-confirmation.png\" alt=\"Confirmar criação de uma viagem no Plann.er\" \u003e\n\u003c/figure\u003e\n\n\u003cfigure style=\"width: 100%\"\u003e\n  \u003cfigcaption style=\"margin-bottom: 8px;\"\u003eSkeleton loader para as informações da viagem:\u003c/figcaption\u003e\n  \u003cimg src=\".github/plann.er-trip-details-skeleton.png\" alt=\"Skeleton loader para as informações da viagem\" \u003e\n\u003c/figure\u003e\n\n\u003cfigure style=\"width: 100%\"\u003e\n  \u003cfigcaption style=\"margin-bottom: 8px\"\u003eDetalhes do plano de viagem:\u003c/figcaption\u003e\n  \u003cimg src=\".github/plann.er-trip-details.png\" alt=\"Detalhes do plano de viagem no Plann.er\" \u003e\n\u003c/figure\u003e\n\n\u003cfigure style=\"width: 100%\"\u003e\n  \u003cfigcaption style=\"margin-bottom: 8px\"\u003eCadastro de atividade:\u003c/figcaption\u003e\n  \u003cimg src=\".github/plann.er-add-activity.png\" alt=\"Cadastro de atividade no Plann.er\" \u003e\n\u003c/figure\u003e\n\n\u003cfigure style=\"width: 100%\"\u003e\n  \u003cfigcaption style=\"margin-bottom: 8px\"\u003eCadastro de link:\u003c/figcaption\u003e\n  \u003cimg src=\".github/plann.er-add-link.png\" alt=\"Cadastro de link no Plann.er\" \u003e\n\u003c/figure\u003e\n\n## 🎨 Protótipo\n\nO protótipo do projeto foi desenvolvido utilizando a ferramenta [**Figma**](https://www.figma.com/). Você pode acessá-lo [aqui](https://www.figma.com/community/file/1392276515495389646/nlw-journey-planejador-de-viagem).\n\n## ⚙ Referência da API\n\nA API utilizada neste projeto foi desenvolvida pela trilha de Nodejs do NLW Journey. Você pode acessar o repositório do backend [aqui](https://github.com/mathrb22/nlw-journey-nodejs).\n\n🔗 Documentação da API base: [NLW Journey Nodejs API](https://nlw-journey.apidocumentation.com/reference)\n\n\u003e **Nota:** Para rodar o frontend em sua máquina, será necessário ter o backend rodando localmente para conexão dos recursos do banco de dados. Siga as instruções no repositório do backend para configurá-lo em sua máquina.\n\n## 🔧 Instalação e execução\n\nPara baixar o código-fonte do projeto em sua máquina, primeiramente terá que ter instalado o [**Git**](https://git-scm.com/).\nCom o Git instalado, em seu terminal execute o seguinte comando:\n\n```bash\ngit clone https://github.com/mathrb22/nlw-journey-frontend.git\n```\n\nPara instalar as dependências e executar o projeto terá que ter instalado em sua máquina o [**node.js**](https://nodejs.org/en/), que vem acompanhado do npm. Instale as dependências usando o comando abaixo:\n\n```bash\nnpm install\n```\n\nExecutar o projeto:\n\n```bash\nnpm run dev\n```\n\nA aplicação estará disponível em http://localhost:5173. Você poderá acessá-la a partir do seu navegador.\n\n## 💡 Como contribuir\n\n- Faça um **_fork_** desse repositório;\n- Crie um **branch** para a sua feature: `git checkout -b minha-feature`;\n- Faça um **commit** com suas alterações: `git commit -m 'feat: Minha nova feature'`;\n- Faça um **push** para o seu branch: `git push origin minha-feature`;\n- Faça um **pull request** com sua feature;\n\nPull requests são sempre bem-vindos. Em caso de dúvidas ou sugestões, crie uma _**issue**_ ou entre em contato comigo.\n\n## 📝 Licença\n\n\u003ca href=\"https://github.com/mathrb22/nlw-journey-frontend/blob/main/LICENSE\"\u003e\n    \u003cimg alt=\"GitHub License\" src=\"https://img.shields.io/github/license/mathrb22/nlw-journey-frontend\"\u003e\n\u003c/a\u003e\n\nEsse projeto está sob a licença **MIT**. Veja o arquivo _**LICENSE**_ para mais detalhes.\n\n---\n\nDesenvolvido com 💚 por \u003ca href=\"https://github.com/mathrb22/\"\u003emathrb22\u003c/a\u003e\n\n\u003cdiv style=\"display: flex;\"\u003e\n  \u003ca href=\"https://www.linkedin.com/in/matheus-ribeiro-dev\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-LinkedIn-%230077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" style=\"margin-right: 2vw\" target=\"_blank\"\u003e\u003c/a\u003e\n  \u003ca href=\"mailto:math.ribeiro.dev@gmail.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\" alt=\"Gmail\" style=\"margin-right: 2vw\"/\u003e\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathrb22%2Fnlw-journey-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmathrb22%2Fnlw-journey-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathrb22%2Fnlw-journey-frontend/lists"}