https://github.com/kenmarcos/optitour

✈️ Plataforma de reserva de viagens
https://github.com/kenmarcos/optitour

nextauth nextjs postgresql prisma react supabase tailwindcss typescript zod

Last synced: about 1 month ago
JSON representation

✈️ Plataforma de reserva de viagens

• Host: GitHub
• URL: https://github.com/kenmarcos/optitour
• Owner: kenmarcos
• Created: 2023-07-05T18:36:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-16T14:48:46.000Z (about 1 year ago)
• Last Synced: 2024-04-24T09:14:10.351Z (8 months ago)
• Topics: nextauth, nextjs, postgresql, prisma, react, supabase, tailwindcss, typescript, zod
• Language: TypeScript
• Homepage: https://optitour.vercel.app
• Size: 4.03 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



    


        

    

    


        Sobre o Projeto •

        Funcionalidades •

        Layout •

        Tecnologias •

        Autor

    



## 🖥️ Sobre o Projeto



    

    


    


    

        

    






> Projeto desenvolvido durante o evento [Full Stack Week](https://fullstackclub.com.br/fsw/) (07/23)

Optitour é uma plataforma de reserva de viagens. ✈️

Com ele é possível pesquisar viagens, ver as informações detalhadas de cada uma delas e fazer uma reserva da viagem desejada.

O projeto foi desenvolvido utilizando TypeScript, Next.js, React, Tailwind CSS, Prisma, banco de dados PostgreSQL, entre outras tecnologias.

Além disso, a aplicação conta com autenticação através de conta do Google e integração de pagamentos via Stripe.

## 💡 Funcionalidades

- [x] Tela Home

  - [x] Login com Google

  - [x] Pesquisa de viagens

  - [x] Pesquisa rápida de viagens por categoria

  - [x] Lista de viagens recomendadas

- [x] Tela "Resultado de Pesquisa"

  - [x] Lista de viagens encontradas na pesquisa

- [x] Tela de Detalhes da Viagem

  - [x] Imagens e informações completas da viagem

  - [x] Reserva de viagem

- [x] Tela de Confirmação da Viagem

  - [x] Checagem de informações da viagem desejada

  - [x] Pagamento da compra da viagem via Stripe

- [x] Tela "Minhas Viagens"

  - [x] Lista de viagens compradas pelo usuário

  - [x] Cancelamento da viagem

## 🎨 Layout

A aplicação foi baseada no seguinte layout: [![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)]()



  

  



## 🛠️ Tecnologias

Para o desenvolvimento desse projeto, as seguintes ferramentas foram utilizadas:

- **[React.js](https://pt-br.reactjs.org/)**

- **[Next.js](https://nextjs.org/)**

- **[TypeScript](https://www.typescriptlang.org/)**

- **[Tailwind CSS](https://tailwindcss.com/)**

- **[Prisma](https://www.prisma.io/)**

- **[Supabase](https://supabase.com/)**

- **[Next Auth](https://next-auth.js.org/)**

- **[Stripe](https://stripe.com/br)**

- **[React Hook Form](https://www.react-hook-form.com/)**

- **[Zod](https://zod.dev/)**

- **[Radix UI](https://www.radix-ui.com/)**

- **[React Datepicker](https://www.npmjs.com/package/react-datepicker)**

- **[React Currency Input Field](https://www.npmjs.com/package/react-currency-input-field)**

## 👨‍💻 Autor



Marcos Kenji Kuribayashi

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/marcos-kuribayashi/) [![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat&logo=Gmail&logoColor=white)](mailto:[email protected])

---

Desenvolvido por Marcos Kenji Kuribayashi 😉