Designed and built as a real-world, SEO-driven educational platform with active users and search engine visibility
Context
AnaCGPA is a production-grade web platform that helps students calculate academic scores (CGPA, SGPA, GPA, Percentage) while also providing high-quality educational content through a controlled, AI-assisted blog system.
The project was built with a strong focus on SEO, performance, and long-term scalability, and is currently indexed and ranking on Google with organic traffic from users worldwide.
Responsibilities & Objectives
As the sole developer, I focused on:
- Building accurate and easy-to-use academic calculation tools
- Designing an SEO-first blog architecture that scales
- Implementing controlled AI-based content generation
- Ensuring fast load times and mobile-first responsiveness
- Integrating analytics to track real user behavior
Core Features
- CGPA calculator based on grade inputs
- SGPA to CGPA conversion
- GPA to Percentage and Percentage to CGPA tools
- Clean UX focused on clarity and speed
- Fully responsive across devices
Blog & Content System
- AI-assisted blog generation using Gemini AI
- Manual content generation to maintain quality and control
- Pre-configured educational topics
- Automatic SEO metadata and sitemap updates
- Blogs indexed on Google and ranking for academic search queries
- Server-Side Rendering using Next.js App Router
- Static generation for high-traffic pages
- Optimized Core Web Vitals
- Structured metadata for search engines
- Real organic traffic and recurring users
Technology Stack
Frontend
| Layer | Tools |
|---|
| Framework | Next.js (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS |
| UI | shadcn/ui, Radix UI |
| Animations | Framer Motion, GSAP |
| State | TanStack React Query |
Backend & Services
| Layer | Tools |
|---|
| Database | MongoDB |
| ORM | Prisma |
| AI | Gemini Ai |
| Cloud | Google Cloud |
| API Testing | Postman |
Analytics & Monitoring
- Google Analytics 4 for traffic and engagement tracking
- Google Tag Manager for event-based analytics
- Search Console integration for indexing and performance monitoring
Deployment
- Deployed on Netlify
- Environment-based configuration
- Production builds with optimized assets
- Continuous deployment via Github
Live Application: https://anacgpa.netlify.app
Engineering Learnings
- Building SEO-first applications with real search traffic
- Managing AI-assisted content responsibly in production
- Scaling content without sacrificing quality
- Advanced Next.js App Router patterns
- Real-world analytics and performance monitoring
Summary
AnaCGPA demonstrates my ability to build production-ready, SEO-optimized web platforms that are actively used by real users. The project reflects strong fundamentals in system design, performance, analytics integration, and long-term maintainability, beyond typical portfolio or demo applications.