https://github.com/rafaelhdsv/plann.er

Plann.er is a travel planner developed during Rocketseat's NLW Journey. This application allows users to organize their trips efficiently, including entering locations, managing guests, and organizing dates and times. Built with React and TypeScript.
https://github.com/rafaelhdsv/plann.er

Last synced: 3 months ago
JSON representation

Plann.er is a travel planner developed during Rocketseat's NLW Journey. This application allows users to organize their trips efficiently, including entering locations, managing guests, and organizing dates and times. Built with React and TypeScript.

• Host: GitHub
• URL: https://github.com/rafaelhdsv/plann.er
• Owner: RafaelHDSV
• License: mit
• Created: 2024-07-09T00:46:44.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-07-18T00:52:51.000Z (11 months ago)
• Last Synced: 2025-01-30T17:57:31.509Z (5 months ago)
• Language: TypeScript
• Homepage: https://plann-er-rafael.vercel.app
• Size: 356 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Plann.er

![React language](https://img.shields.io/badge/React-005CFE?style=for-the-badge&logo=react)

![Typescript language](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![CSS language](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![HTML language](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![GitHub language count](https://img.shields.io/github/languages/count/RafaelHDSV/Plann.er?style=for-the-badge)

![GitHub repo size](https://img.shields.io/github/repo-size/RafaelHDSV/Plann.er?style=for-the-badge)



    





    About | 

    Getting Started 

    | App Routes 



📌 About


Plann.er is a travel planner developed during Rocketseat's NLW Journey. This application allows users to organize their trips efficiently, including entering locations, managing guests, and organizing dates and times. Built with React and TypeScript, Plann.er uses web development best practices to create an intuitive and responsive user experience.

🚀 Getting started


For this project, several libraries were used, such as:

-    Lucide React

-    React Router Dom

-    React Day Picker

-    Axios

Cloning


```bash

git clone https://github.com/RafaelHDSV/Plann.er.git

npm install

```

Starting


```bash

cd Plann.er

npm start

```

📍 Application Routes


In the project there is a backend, where specific routes are created for each trip, such as:

​

| route | description  

|----------------------|-----------------------------------------------------

| / | new trip page

| /trips/:tripId | trip details page



### route: /





### route: /trips/:tripId