Official website for App Team Carolina — UNC's premier student-run app development organization.
Built with React, TypeScript, Vite, and Tailwind CSS v4.
- Framework: React 19 + TypeScript
- Build Tool: Vite 8
- Styling: Tailwind CSS v4 with custom design system
- Routing: React Router v7
- Animations: Framer Motion
- UI Components: Radix UI primitives
- Icons: Lucide React + Simple Icons
src/
├── components/
│ ├── ui/ — Reusable UI components (buttons, cards, animations)
│ ├── site/ — Site-specific components (hero, CTA, carousels)
│ ├── Navbar.tsx — Main navigation
│ ├── Footer.tsx — Site footer
│ └── Layout.tsx — Page layout wrapper
├── pages/
│ ├── home/ — Homepage sections
│ ├── about/ — About page
│ ├── apply/ — Application page
│ ├── apps/ — Apps showcase
│ ├── learning/ — Learning track page
│ ├── production/ — Production track page
│ └── bubbly/ — Bubbly app pages (privacy, terms)
├── data/
│ └── content.ts — Centralized content and data
├── lib/
│ └── utils.ts — Utility functions
├── App.tsx — Main app component with routing
├── main.tsx — App entry point
└── index.css — Global styles + Tailwind imports
assets/
├── brand/ — Logo and branding assets
├── icons/ — UI icons and graphics
├── apps/ — App screenshots and assets
├── photos/ — Team photos and images
└── social/ — Social media icons
- Node.js 18+ (recommended: 20+)
- npm or yarn
# Install dependencies
npm install# Start dev server (usually runs on http://localhost:5173)
npm run dev# Build for production
npm run build
# Preview production build
npm run preview# Run ESLint
npm run lintThe site is deployed via GitHub Pages. Pushing to the main branch will trigger deployment.
Custom domain is configured via the CNAME file.
- Responsive Design: Mobile-first approach with breakpoints for tablet and desktop
- Smooth Animations: Framer Motion for page transitions and scroll reveals
- Dynamic Content: Centralized content management in
src/data/content.ts - Modern UI: Glass morphism effects, gradient overlays, and custom animations
- Performance: Optimized with Vite's build pipeline and code splitting
- Create a feature branch from
main - Make your changes
- Test locally with
npm run dev - Build and verify with
npm run build && npm run preview - Submit a pull request
© 2024 App Team Carolina. All rights reserved.