Tarun Patel - Portfolio

Case Study - Study Guru India

A high-performance, full-stack web application designed to serve as a comprehensive guide for students seeking international education opportunities, connecting scholarships, universities, and visa guides with a global user base.

Industry
Education
Year
Service
Universal Education Resource Platform

About

Study Guru India is a high-performance, full-stack web application designed to serve as a comprehensive guide for students seeking international education opportunities. The platform connects a massive database of scholarships, universities, and visa guides with a global user base.

Built to handle high traffic and ensure low latency, the application leverages Next.js for advanced rendering strategies (SSR, ISR, SGR) and a robust Node.js backend. Beyond standard user features, the platform includes a highly sophisticated, custom-built Admin Ecosystem that allows for real-time server monitoring, bulk communication, and content management without relying on third-party CMS tools.

Platform Highlights

  • Universal Search Engine: Highly optimized search capability allowing users to filter thousands of scholarships, universities, and articles instantly
  • Global Accessibility: Multi-language support via Google Translate API and full Dark/Light mode theming
  • Secure Authentication: Seamless OAuth (Google/Social) and traditional password-based authentication
  • AI-Powered Chatbot: Custom-built, context-aware solution with WhatsApp integration for intelligent user support
  • Custom Admin Dashboard: Real-time infrastructure monitoring with Google Cloud Console log streaming
  • High-Performance Architecture: Optimized for scalability using ISR, AWS S3 for media delivery, and MongoDB for flexible data management

Technologies

Technology Stack

The platform is built on a modern, scalable technology stack designed for high performance and reliability:

Frontend

  • Next.js (React framework) with SSR, ISR, and SGR rendering strategies
  • TailwindCSS for responsive, modern UI design
  • Google Translate API for multi-language support

Backend

  • Node.js with custom REST APIs
  • MongoDB (Cloud/Atlas) for flexible, scalable data management
  • JWT/Session management for secure authentication

Cloud & DevOps

  • Google Cloud Platform (GCP) with custom log integration
  • Amazon S3 (AWS) for optimized, scalable image and asset storage
  • Docker for containerization
  • GitHub for version control

Additional Tools

  • Swagger UI for API documentation
  • OAuth strategies for social authentication
  • Custom WebSocket/API bridge for real-time monitoring

HTML5

CSS3

JavaScript

ReactJS

NextJS

TailwindCSS

NodeJS

MongoDB

AWS S3

Google Cloud

Stripe

Render

Github

Docker

SwaggerUI

Key Features

User-Facing Features

Universal Search Engine

A highly optimized search capability allowing users to filter thousands of scholarships, universities, and articles instantly with advanced filtering and sorting options.

Global Accessibility

  • Multi-Language Support: Integrated Google Translate API to dynamically translate content from English to the user's native language, breaking language barriers for international students
  • Theme Personalization: Full support for Dark Mode and Light Mode to enhance reading accessibility and user preference

Secure Authentication

Seamless user registration and login via OAuth (Google/Social providers) as well as traditional password-based authentication with JWT/Session management.

AI-Powered Custom Chatbot

  • A custom open-source solution built from scratch (not a generic plugin)
  • Context-Aware: Answers real-time questions based specifically on the website's resource database
  • WhatsApp Integration: Features intelligent chat forwarding to WhatsApp for users needing human assistance or persistent chat history

Admin & Operational Features

Custom Admin Dashboard

A secure, separated environment for administrators to create, edit, and categorize articles and educational resources without relying on third-party CMS tools.

Real-Time Infrastructure Monitoring

  • Google Cloud Console Logs Stream: A custom-engineered solution that pipes real-time logs from the Google Cloud Console directly into the Admin Dashboard
  • Allows admins to monitor server health and debug issues instantly without leaving the application

Bulk Notification System

A high-throughput email engine designed to send bulk notifications to subscribers regarding new articles, scholarships, or updates.

Technical Challenges & Solutions

Challenge 1: Real-Time Server Monitoring for Admins

The Problem: Accessing server logs usually requires logging into the cloud provider's console (GCP), which is cumbersome and poses security risks if access is shared.

The Solution: Engineered a custom WebSocket/API bridge that securely fetches live log streams from the Google Cloud logging driver and visualizes them within the Admin Dashboard. This provides a "single pane of glass" for application health without exposing direct GCP root access.

Challenge 2: Delivering Content to a Global, Multi-Lingual Audience

The Problem: The target audience includes students from non-English speaking backgrounds. Static translation files would be impossible to maintain for dynamic articles.

The Solution: Integrated the Google Translate API to provide on-the-fly translations. To ensure performance wasn't degraded, utilized Next.js ISR (Incremental Static Regeneration) to cache popular pages in different languages/themes, ensuring instant load times even for translated content.

Challenge 3: High-Performance Image Delivery

The Problem: An educational portal requires high-quality imagery for universities and countries, which can bloat bandwidth and slow down the site (LCP/FCP metrics).

The Solution: Offloaded all static media to Amazon S3 buckets. This decoupled storage from the compute server, allowing the Node.js backend to remain lightweight while S3 handles the heavy lifting of media delivery, ensuring fast load times globally.

Challenge 4: Intelligent User Support Automation

The Problem: Students often ask repeated questions about visas or scholarships, overwhelming support staff.

The Solution: Built a Context-Aware Chatbot using open-source LLM/NLP libraries. Unlike standard support bots, this was trained/indexed specifically on the Study Guru database. If the bot detects a high-intent or complex query it cannot solve, implemented a "hand-off" protocol that forwards the chat context directly to WhatsApp, bridging the gap between AI and human support.

Solution

Study Guru India delivers a comprehensive educational platform that connects students with international education opportunities through a sophisticated, high-performance web application. The platform combines cutting-edge technology with user-centric design to create an unparalleled educational resource.

Architecture & Performance

The application leverages Next.js with advanced rendering strategies including Server-Side Rendering (SSR), Incremental Static Regeneration (ISR), and Static Generation (SGR) to ensure optimal performance and SEO. This multi-faceted approach allows the platform to handle thousands of concurrent users while maintaining low latency and instant page loads.

The Node.js backend provides a robust API layer that efficiently manages data flow between the MongoDB database and the frontend, while AWS S3 handles all media storage and delivery, ensuring the compute servers remain lightweight and responsive.

User Experience

The platform features a Universal Search Engine that allows students to instantly filter and discover thousands of scholarships, universities, and educational articles. With multi-language support powered by Google Translate API and Dark/Light mode theming, the platform ensures accessibility for a global audience.

The custom-built AI-Powered Chatbot provides context-aware assistance, answering questions based on the platform's extensive database. When complex queries arise, the intelligent hand-off system seamlessly transfers conversations to WhatsApp for human support.

Admin Ecosystem

The platform includes a sophisticated Custom Admin Dashboard that eliminates the need for third-party CMS tools. Administrators can create, edit, and categorize content while monitoring real-time server health through the integrated Google Cloud Console log streaming feature.

The Bulk Notification System enables efficient communication with subscribers, automatically notifying them of new scholarships, articles, and updates through a high-throughput email engine.

Visit website

Project Impact

Scalability

The use of ISR and S3 ensures the site can handle thousands of concurrent users without crashing. The decoupled architecture allows for horizontal scaling of both compute and storage resources independently.

User Retention

The Dark Mode and Native Language Support have significantly increased average session duration, making the platform more accessible and comfortable for users worldwide. Students can now access educational resources in their preferred language and visual theme.

Operational Efficiency

The Real-time Admin Logger reduced debugging time by allowing immediate visibility into production errors. Administrators can now identify and resolve issues without switching between multiple tools or platforms, streamlining the entire operational workflow.

Global Reach

By breaking down language barriers and optimizing for performance across different regions, Study Guru India has successfully positioned itself as a truly global educational resource platform, serving students from diverse backgrounds and locations.

More Applications

main*
Go Live