Booking System for the Commons Hub Brussels

Contributing

There are several ways.

Use Lovable Request to become a member of supabase, remix the existing Lovable projects, e.g. First Start and start prompting. Then send pull requests from your lovable project to this repo.

Use your preferred IDE

If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.

The only requirement is having Node.js & pnpm or npm installed - install with nvm

Follow these steps:

# Step 1: Clone the repository using the project's Git URL.
git clone git@github.com:CommonsHub/bookingsystem-frontend.git

# Step 2: Navigate to the project directory.
cd bookingsystem-frontend

# Step 3: Install the necessary dependencies.
pnpm i
#or
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
pnpm dev
# or
npm run dev

Edit a file directly in GitHub

• Navigate to the desired file(s).
• Click the "Edit" button (pencil icon) at the top right of the file view.
• Make your changes and commit the changes.

Use GitHub Codespaces

• Navigate to the main page of your repository.
• Click on the "Code" button (green button) near the top right.
• Select the "Codespaces" tab.
• Click on "New codespace" to launch a new Codespace environment.
• Edit files directly within the Codespace and commit and push your changes once you're done.

What technologies are used for this project?

This project is built with:

• Vite
• TypeScript
• React
• shadcn-ui
• Tailwind CSS

Features

Room Bookings

• Create and manage room booking requests for events
• Support for different room types and configurations
• Catering and event support options
• Public and private event management
• Pricing calculations and payment integration

General Requests

• Submit simple requests that are not related to events
• Support for different request types (general inquiry, technical support, partnership, feedback, etc.)
• Priority levels (low, medium, high, urgent)
• Contact information and additional details
• Expected completion date tracking
• View and manage requests on the home page with table and card views
• Cancel and complete request actions
• Filter between active and all requests
• Real-time database integration with Supabase
• Row Level Security (RLS) for data protection

Database Setup

Requests Table Migration

To set up the requests functionality, you need to run the database migration:

-- Run the migration file: supabase/migrations/20241201000000_create_requests_table.sql
-- This creates the requests table with proper indexes and Row Level Security policies

The migration includes:

• Requests table with all necessary fields
• Performance indexes for common queries
• Row Level Security (RLS) policies for data protection
• User permissions for authenticated users

Environment Variables

Please refer to .env.example for a complete list of environment variables used in this project.

Development Setup

For local development, create a .env.development file with:

# Development authentication redirect URL (localhost)
VITE_DEPLOY_URL=http://localhost:8080

The development server runs on port 8080 by default.

Production Setup

For production, use .env with your production URL:

# Production authentication redirect URL
VITE_DEPLOY_URL=https://booking.commonshub.brussels

You can copy .env.example as a template for either environment.

How can I deploy this project?

The project is hosted on netlify. Everyone can host a clone of this repo.