- Framework: Vite + React + TypeScript
- Styling: TailwindCSS
- Package Manager: pnpm
- Deployment: GitHub Pages
- CI/CD: GitHub Actions
- Node.js 18 or later
- pnpm (recommended for better performance and disk space efficiency)
- Clone the repository:
git clone https://github.com/carletonai/cais-web.git
cd cais-web- Install dependencies:
pnpm install- Run the development server:
pnpm devOpen http://localhost:5173 with your browser to see the result.
-
Branch Naming Convention:
- Features:
feature/name - Bugfixes:
bugfix/name - Upgrade:
upgrade/name
- Features:
-
Branching Strategy:
- Main branch: Protected, requires pull request reviews
- Feature branches: Created for specific features or sections
feature/setup-initial-routes: Initial page structure and routingfeature/hero-section: Hero section development
- Create new feature branches for major components or sections
- Keep changes focused and atomic
-
Code Quality:
- ESLint for code linting
- Prettier for code formatting
- Jest for testing
pnpm dev # Start development server
pnpm build # Build for production
pnpm serve # Start production server
pnpm test # Run tests
pnpm lint # Run linting
pnpm format # Check formatting- Fork the repository
- Create your feature branch following the naming convention
- Commit your changes
- Push to the branch
- Open a Pull Request
src/
├── components/ # Reusable UI components
├── app/ # Main application code
│ └── App.tsx # Root application component
├── assets/ # Static assets
└── styles/ # Global styles and Tailwind config
- Home (/): Landing page showcasing CAIS's mission and latest updates
- About (/about): Information about CAIS, our history, mission, and values
- Events (/events): Upcoming and past events, workshops, and activities
- Team (/team): Meet our executive team and contributors
- Projects (/projects): Showcase of current and past projects
- Contact (/contact): Get in touch with CAIS