Skip to content

Latest commit

Β 

History

History
85 lines (66 loc) Β· 2.39 KB

File metadata and controls

85 lines (66 loc) Β· 2.39 KB
ComCamp 37 Logo

🐰 ComCamp 37 - Frontend 🦊

The official registration website for ComCamp 37.

Next.js TypeScript Tailwind CSS


πŸ› οΈ Tech Stack

  • Framework: Next.js
  • Language: TypeScript
  • Styling: Tailwind CSS
  • UI Components: Shadcn/ui
  • Animation: Motion
  • Form & Validation: React Hook Form + Zod

πŸš€ Getting Started

Ready to explore the code? Follow these simple steps to get the project running locally.

Prerequisites

  • Node.js (>= 18.0.0)
  • npm, yarn, pnpm, or bun

Installation

  1. Clone this repository
git clone https://github.com/cpe-kmutt-student/comcamp37-frontend.git
  1. Navigate into the project directory
cd comcamp37-frontend
  1. Install the dependencies
npm install
  1. Set up environment variables
cp .env.example .env

(Make sure to fill in the required variables inside .env)

  1. Start the development server
npm run dev
  1. Open your browser and visit http://localhost:3000 πŸŽ‰

πŸ“‚ Project Structure

comcamp37-frontend/
β”œβ”€β”€ app/                  # Next.js App Router
β”‚   β”œβ”€β”€ api/              # API Endpoints (ig-story-confirmation)
β”‚   β”œβ”€β”€ application/      # Core registration and questionnaire system
β”‚   └── ...
β”œβ”€β”€ components/           # Reusable UI Components
β”‚   β”œβ”€β”€ landing/          # Components specific to the Landing Page
β”‚   β”œβ”€β”€ result/           # Components for the result announcement
β”‚   β”œβ”€β”€ ui/               # Ui Components
β”‚   └── ...
β”œβ”€β”€ contexts/             # Context Providers (UserContext, StudentContext)
β”œβ”€β”€ lib/                  # Utility functions, configs, and Auth clients
β”œβ”€β”€ mock/                 # Mock data used during development
β”œβ”€β”€ public/               # Static assets
└── ...

Made with 🧑 by ComCamp 37 Technical Team