SEN Conference Website

Overview

This repository contains the conference website for the Student Entrepreneurship Network (SEN) at UC San Diego.

The site is built using Next.js and TypeScript, and uses Node as the package manager. The project includes conference information, a landing page, and ticketing functionality via Stripe.

---

Tech Stack

• Framework: Next.js
• Language: TypeScript
• Package Manager: Node
• Styling: Tailwind CSS

---

Setup Instructions

1. Clone the repository with git clone https://github.com/ucsdds3/sen-conference.git
2. Open the repository in your preferred code editor (for VSCode, use the command code sen-conference)
3. Make sure Node.js is installed on your machine to run npm install to install dependencies
4. Run npm run dev to start the development server. The website will now be available at http://localhost:3000
5. To get the environment variables needed for the APIs to run:

• Log into the DS3 Vercel.
• Run npx vercel link in the terminal, and follow directions to link local repo to the respective Vercel project.
• Pull environment variables when prompted, or npx vercel env pull .env.local.
• Change NEXT_PUBLIC_BASE_URL to http://localhost:3000 in your .env.local file.

---

Project Structure

sen-conference/
├── node_modules/               # Installed dependencies
├── public/                     # Public assets
│   ├── assets/                 # Images and other static assets
│   └── lib/                    # Static JSON data files (speakers, partners, schedule)
├── app/                        # All pages, layouts, and components (Next.js App Router)
│   ├── api/                    # API route handlers
│   ├── components/             # Shared components (layout, nav, footer)
│   ├── landing/                # Landing page section components
│   ├── speakers/               # Speakers page
│   ├── partners/               # Partners/sponsors page
│   ├── schedule/               # Schedule page
│   ├── tickets/                # Ticketing flow pages and components
│   ├── globals.css             # Global CSS stylesheet
│   ├── page.tsx                # Home page
│   └── layout.tsx              # Root layout