UniPool Web App

A responsive web application and marketing website for UniPool, the student ride-sharing application. Built using Next.js, Firebase Auth, Leaflet maps, and styled with Vanilla CSS.

---

Local Development

1. Configure Environment Variables

Create a .env.local file in the root of the webapp folder and add your Firebase configuration:

NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=acm-carpoolit.firebaseapp.com
NEXT_PUBLIC_FIREBASE_PROJECT_ID=acm-carpoolit
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=acm-carpoolit.firebasestorage.app
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=290309531485
NEXT_PUBLIC_FIREBASE_APP_ID=your_web_app_id

2. Run the Server

Install dependencies and run the development server:

npm install
npm run dev

Open http://localhost:3000 in your browser to view the application.

---

Cloudflare Pages Deployment

This project is configured for Static Export (output: "export") and features same-origin API proxying via Cloudflare Pages Functions located in /functions.

Build & Deploy Settings:

• Framework preset: None
• Build command: npm run build
• Build output directory: out

Required Environment Variables:

Configure these in the Cloudflare Pages settings dashboard:

• NODE_VERSION: 20
• NEXT_PUBLIC_FIREBASE_API_KEY
• NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN
• NEXT_PUBLIC_FIREBASE_PROJECT_ID
• NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET
• NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID
• NEXT_PUBLIC_FIREBASE_APP_ID