Çağırgan Derneği
Corporate website for a non-profit association focused on science, culture, and education.
View Live Site
Role
End-to-end development: design, frontend, Firebase integration, admin panel. Domain (cagirgan.org.tr), SSL, DNS, and branch-based auto-deploy on Vercel (main→production, dev→preview) are mine too.
About the Project
A corporate website for Çağırgan Derneği with an admin panel for event announcements, registration forms, and content management. Built with React, TypeScript, Vite, and Tailwind CSS; data lives in Firebase (Firestore, Storage). Set up separate Firebase projects per branch (main/dev) for automatic preview/production deploys.
Stack
I deliberately connected separate Firebase projects to the main and dev branches: testing a new form in the admin panel should never risk mixing test data with real member/donor data. Without that separation, a staging mistake could corrupt production data directly.
Real User Performance
| Real Experience Score (Mobil) | 99 |
| First Contentful Paint | 1.57s |
| Largest Contentful Paint | 2.16s |
| Interaction to Next Paint | 112ms |
| Cumulative Layout Shift | 0.03 |
| Time to First Byte | 0.53s |