luisfelipesdn12 / buzzvel-vacation-plan

The perfect planner for your deserved vacation. Set trips, manage dates and more!

Home Page:https://trip.luisf.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

buzzvel-vacation-plan

A web platform to manage holiday plans. Available now at trip.luisf.dev

Website Card

๐Ÿงฎ Features

  • ๐Ÿ“… Manage your plans in a beautiful card view
  • ๐Ÿซ‚ Add participants to each trip
  • ๐Ÿ†” User register and login with authenticated routes
  • ๐Ÿ–ผ๏ธ Retrieve profile picture and display name from Gravatar
  • ๐ŸŒ Deploy to the web on each Git update
  • ๐Ÿ”— Custom domain configuration
  • ๐Ÿ›‘ Careful errors handling with good UX
  • ๐Ÿšช Protected API using session to get personal data
  • ๐Ÿ” Testing in components and utils

๐Ÿง‘โ€๐Ÿ’ป Tech

  • Supabase as Postgres database and Auth Server
  • Next.js for web development (React, Node.js, Typescript)
  • Vercel for hosting and CI/CD
  • Shadcn and Tailwind for styling and components

โ†—๏ธ Running

  1. Install dependencies with yarn
  2. Create a Supabase project
  3. Create a .env file based on .env.example with the project credentials
  4. On the project dashboard or using the Supabase CLI, run the src/database/seed.sql script
  5. Start the project with yarn dev

๐Ÿงฑ Structure

  • src/app - All the routes using App Router syntax from up-to-date Next.js
  • src/components - The components used in a greater scope
  • src/components/ui - Shadcn components installed individually
  • src/database - Stores seed.sql to start up the SQL database
  • src/icons - SVG components of illustrations
  • src/lib - Utils and types

๐Ÿ–ผ๏ธ Illustrations

About

The perfect planner for your deserved vacation. Set trips, manage dates and more!

https://trip.luisf.dev


Languages

Language:TypeScript 99.2%Language:CSS 0.7%Language:JavaScript 0.1%