Project Overview
A community platform for Kenyan students at the University of Minnesota to connect, share news, events, and cultural experiences. The KESA website is the digital home of the Kenyan Student Association, aiming to connect Kenyan students and friends of Kenya through cultural exchange, mentorship, and community activities.
My Role
Full-Stack Developer – handled frontend design, backend logic, database integration, admin dashboard, authentication, and deployment.
Technologies Used
- Next.js (React Framework)
- TypeScript
- PostgreSQL (Database with Prisma ORM)
- Clerk (Authentication & Admin Access)
- Cloudinary (Image Uploads for Gallery/Profiles)
- Resend or Nodemailer (Email notifications)
- CSS (Custom styling, animations)
- Vercel (Hosting & Deployment)
Key Features
- Free membership with easy sign-up form
- Admin panel (secured with Clerk) for managing content
- Blog section for articles and student stories
- News section for announcements and updates
- Events management (create, edit, delete events)
- Gallery page for student activities & cultural showcases
- Responsive, modern design inspired by Chelsea FC's official website
- Custom favicon with Kenyan flag + KESA logo
Challenges & Solutions
Challenge: Ensuring only admins could access sensitive features.
Solution: Integrated Clerk authentication + environment-based admin ID check.
Challenge: Managing dynamic content like events, blogs, and news.
Solution: Built a structured Prisma schema with content management features.
Challenge: File uploads for gallery and profile pictures.
Solution: Configured Cloudinary API for secure, fast image hosting.
Challenge: Making the design engaging yet professional.
Solution: Inspired by Chelsea FC's UI with animations, responsive layout, and cultural branding.