https://github.com/matheustg/purpletrip

https://github.com/matheustg/purpletrip

css-modules drizzle-orm fastify nextjs nodejs react recharts typescript

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/matheustg/purpletrip
• Owner: MatheusTG
• License: mit
• Created: 2025-09-10T11:14:24.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-12-15T13:53:58.000Z (6 months ago)
• Last Synced: 2025-12-18T17:28:54.408Z (6 months ago)
• Topics: css-modules, drizzle-orm, fastify, nextjs, nodejs, react, recharts, typescript
• Language: TypeScript
• Homepage: https://purple-trip.vercel.app
• Size: 2 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# PurpleTrip 🛩️💜

Bem vindo ao PurpleTrip, uma aplicação web para planejamento de viagens.

## Descrição do projeto

 PurpleTrip, é uma aplicação web desenvolvida para *planejamento e reserva de quartos*, conectando viajantes a anfitriões de forma simples, segura e intuitiva.

 O *PurpleTrip* é composto por duas partes principais:

- *Back-end (API):* responsável pelas regras de negócio, autenticação, reservas e persistência de dados.

- *Front-end (Interface Web):* responsável pela interação do usuário com o sistema de forma intuitiva e responsiva.

## Objetivo

O objetivo do PurpleTrip é fornecer uma plataforma eficiente e amigável para que os usuários possam planejar suas viagens, encontrar acomodações ideais e gerenciar suas reservas de forma prática.

## Tecnologias Utilizadas

### Back-end 

| Tecnologia | Descrição |

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

| ![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white) | Ambiente de execução JavaScript no servidor.|

| ![Fastify](https://img.shields.io/badge/Fastify-000000?style=for-the-badge&logo=fastify&logoColor=white) | Framework web rápido e eficiente para construção da API. |

| ![Drizzle ORM](https://img.shields.io/badge/Drizzle%20ORM-191919?style=for-the-badge&logo=drizzle&logoColor=white) | ORM para manipulação e sincronização do banco de dados. |

| ![PostgreSQL](https://img.shields.io/badge/PostgreSQL-4169E1?style=for-the-badge&logo=postgresql&logoColor=white) | Banco de dados relacional utilizado no projeto. |

| ![dotenv](https://img.shields.io/badge/dotenv-8DD6F9?style=for-the-badge&logo=dotenv&logoColor=black) | Gerenciamento de variáveis de ambiente. |

| ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) | Linguagem utilizada no desenvolvimento do back-end.  |

### Front-end 

| Tecnologia | Descrição |

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

| ![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white) | Framework React com renderização híbrida (SSR e CSR). |

| ![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black) | Biblioteca para construção da interface de usuário. |

| ![CSS Modules](https://img.shields.io/badge/CSS%20Modules-264de4?style=for-the-badge&logo=css3&logoColor=white) | Estilização modular, rápida e responsiva. |

| ![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white) | Comunicação entre o front-end e a API. |

| ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) | Linguagem principal utilizada no front-end. |

| ![lucide-react](https://img.shields.io/badge/Lucide%20React-000000?style=for-the-badge&logo=lucide&logoColor=white) | Biblioteca de ícones. |

| ![Recharts](https://img.shields.io/badge/Recharts-FF6384?style=for-the-badge&logo=recharts&logoColor=white) | Biblioteca de gráficos baseada em componentes React. |

## Requisitos funcionais implementados

- Manter cadastro do cliente

- Manter cadastro do quarto

- Fazer login

- Fazer logout

## Protótipos e design

Abaixo está o link para o protótipo visual do sistema, desenvolvido no Figma.

(https://www.figma.com/design/Yzy8hP2acut1QqHbRysPCY/PurpleTrip?node-id=0-1&t=FJpTVtYeUO5NsIR9-1)

## Interface do sistema

### Página *Home*

![Imagem](<./source/web/public/img/WhatsApp Image 2025-12-09 at 18.00.31.jpeg>)

## Diagrama de casos de uso

![Imagem](<./source/web/public/img/WhatsApp Image 2025-12-09 at 23.16.13.jpeg>)

## Estrutura do projeto

```bash

PurpleTrip/

├── docs/

│  

├── source/

│   ├── api/    → Código do back-end (Node, Fastify, Drizzle)

│   ├── sql/

│   └── web/    → Código do front-end (React, Css Modules)

│

└── package.json

```

## 👨‍💻 Membros do Grupo

| Nome  

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

| [Amanda Soares Vieira](https://github.com/amandasoaresv)

| [Matheus Teodoro Garcia](https://github.com/matheustg)

| [Natália Campos Soares](https://github.com/nataliacampossoares)

| [Valmir Paiva Stachin](https://github.com/valmirpst)

---