student hub

StudentHub — Interactive Student Calculator Website

StudentHub is a free academic toolkit built in Framer to help students calculate GPA and CGPA, explore grade improvements, plan target grades, and track attendance.

I designed and developed a modern dark interface with neon accents, interactive 3D geometry, scroll-triggered animations, and fluid transitions. Responsive layouts adapt the experience for mobile, tablet, and desktop.

The website features four live calculators, input validation, clear formula explanations, FAQs, and optional browser-based course saving. Calculations run directly in the browser without requiring an account.

Tools & skills: Framer, React, TypeScript, UI/UX Design, Responsive Design, and Motion Design.

StudentHub — Interactive Framer Website Template

A modern student calculator website featuring a minimalist dark interface, neon accents, animated 3D geometry, and responsive layouts for desktop, tablet, and mobile.

Features:

• Credit-weighted GPA and CGPA calculator.

• Grade improvement calculator using grade replacement.

• Target CGPA planner.

• Attendance calculator with recovery and absence estimates.

• Live results, input validation, and adjustable grading scales.

• Optional course-list saving in the browser.

• Formula explanations, FAQs, and About and Privacy sections.

• Smooth scrolling, reveal animations, and interactive hover effects.

Built with Framer, React, and TypeScript, with editable branding and accent colours.

Please note: AdSense integration, advertising approval, and earnings are not included. Academic results are estimates based on user inputs and must be checked against university policies.