Overview
As the Full-Stack Developer and UI/UX Designer for AZS Report Card, I designed and developed an internal web application to simplify the creation of social media campaign performance reports. The platform allows users to manage client reports, campaign targets, achievement statuses, publication dates, and engagement metrics from TikTok, Instagram Reels, and YouTube Shorts.
I developed dynamic forms for recording views, likes, comments, shares, and saves, with automatic total calculations and indicators such as Guarantee, Over Achieved, Bonus, and PNG Ready. Users can also upload audience comment screenshots as supporting campaign evidence and manage multiple reports through one centralized dashboard.
The application automatically converts campaign data, performance metrics, badges, screenshots, and branded visual elements into a standardized 1920 × 1080 PNG report card. Firebase is used for authentication, database management, image storage, and generated report files, while the application is deployed through Vercel.
Year Accomplished
2026
Technology
- Next.js
- React
- TypeScript
- Tailwind CSS
- Firebase Authentication
- Firebase Firestore
- Firebase Storage
- Automated PNG Generation
- Responsive Web Design
- Vercel Deployment
Publication Link
