https://github.com/emeraldknight-sp/rocketseat-planner

https://github.com/emeraldknight-sp/rocketseat-planner

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/emeraldknight-sp/rocketseat-planner
• Owner: emeraldknight-sp
• License: mit
• Created: 2024-07-12T18:12:42.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-24T18:41:47.000Z (5 months ago)
• Last Synced: 2024-07-24T23:05:29.769Z (5 months ago)
• Language: TypeScript
• Size: 363 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
🔴 Project: Plann.er





  





  


    This project is built with React, TailwindCSS and some other tools such as Axios, React-Router-Dom, Lucide-React, Date-FNS, Sonner, Vite, Typescript, React-Day-Picker to develop a planning and management application. combined trips between friends where there is another application built on the server side that works by storing the trip information.

  





  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



## 🛠️ Technologies

- HTML5, CSS3, JS ES6+

- [Node e Pnpm](https://nodejs.org/)

- [React](https://react.dev/)

- [React-day-picker](https://github.com/gpbl/react-day-picker)

- [React-router-dom](https://reactrouter.com/en/main)

- [TailwindCSS](https://tailwindcss.com/docs/installation)

- [Tailwind-variants](https://www.tailwind-variants.org/)

- [Lucide-react](https://lucide.dev/guide/packages/lucide-react)

- [Date-fns](https://date-fns.org/)

- [Sonner](https://sonner.emilkowal.ski/)

- [Axios](https://axios-http.com/ptbr/docs/intro)

- [Vite](https://vitejs.dev/)

## 📣 Funcionalities

- Collects all trip data (Destination, Start and end of trip, guests, organizer)

- Create the trip and send invitation emails

- Create activities, invite new members, add new links

- Manage activities, members and important links

## 💿 Installing

Install the project with the following command

```bash

  pnpm install

```

## 🚀 Deploy

To deploy this project, execute

```bash

  vercel

```

## 💻 Running build

To run the build, execute

```bash

  pnpm build

```

## ⚙️ Running back-end (API)

To run the application back-end you need to clone the repository:

```bash

  git clone [email protected]:emeraldknight-sp/rocketseat-planner-api.git

```

Add a .env file with the environment variables in .env.example and run the following command:

```bash

  pnpm dev

```

## 🧰 Used stacks

**Front-end:** React, TailwindCSS, React-Day-Picker, Axios, Date-FNS, Lucide-React, React-Router-Dom, Sonner, Tailwind-Variants, Vite

**Back-end:** Node.js, Express, Prisma, Fastify, Dayjs, Nodemailer, Zod (in another repo)

## 📸 Screenshots

![Layout](.github/layout.png)

## 📝 License

This project is under [MIT license](LICENSE).