A modern web application built with React and TypeScript, featuring multiple pages including Home, About, Leaders, Outreach, Contact, and Sponsors sections.
- React
- TypeScript
- Vite
- Styled Components
- Vercel (for deployment)
- CMS
The website uses Contentful as a headless CMS to manage:
- Team member profiles and leadership information
- Outreach program details and events
- Sponsor information and logos
- Dynamic content updates without code changes
- Rich text and media management
src/ ├── pages/ │ ├── Home.tsx │ ├── About.tsx │ ├── Leaders.tsx │ ├── Outreach.tsx │ ├── Contact.tsx │ └── Sponsors.tsx ├── styles/ │ └── globalStyles.ts ├── utils/ │ └── getLeaders.ts └── main.tsx
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository
- Navigate to the project directory
- Install dependencies:
npm install
- Start the development server:
npm run dev
This project is configured for deployment on Vercel. The vercel.json file contains the necessary configuration for deployment.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request