A modern web application to help VIT students calculate, track, and visualize their academic performance through GPA calculations and semester management.
- 🧮 Accurate GPA & CGPA calculation based on VIT's grading system
- 📊 Visual representation of academic performance with interactive charts
- 📱 Responsive design - works on desktop and mobile
- 🌓 Dark/Light mode support
- 📄 Generate PDF reports of academic performance
- 🔐 Secure authentication and data storage
- ⚡ Real-time updates and calculations
Frontend:
React · TypeScript · Vite · Tailwind CSS
Backend:
Supabase (PostgreSQL) · Supabase Auth
Visualization:
Recharts · Lucide Icons
Utilities:
jsPDF · html2canvas
- Clone Repository
git clone https://github.com/YOUR-USERNAME/vit-gpa-calculator.git
cd GradeUp-VIT- Install Dependencies
npm install- Environment Setup
- Create
.envfile:
cp .env.example .env- Add Supabase credentials:
VITE_SUPABASE_URL=your_project_url
VITE_SUPABASE_ANON_KEY=your_anon_key- Start Development Server
npm run devVisit http://localhost:5173
- Register with email/password
- Login to access dashboard
- Click "+ Add Semester"
- Enter semester details
- Add courses with:
- Course code
- Credits (1-4)
- Grade (S/A/B/C/D/E/F)
- Save to auto-calculate GPA
- View CGPA in dashboard header
- Analyze GPA trends via line chart
- Click semester cards for details
- Navigate to Dashboard
- Click "Generate Report"
- Wait for PDF generation
- Download/share PDF
- 🔑 Row Level Security (RLS) enabled
- 🛡️ Encrypted authentication tokens
- 🗑️ Session-based data management
- 🚫 No sensitive data in local storage
- Fork repository
- Create feature branch:
git checkout -b feature/your-feature- Commit changes:
git commit -m "Add: New feature"- Push to branch:
git push origin feature/your-feature- Open Pull Request
MIT License - See LICENSE for details
Vinit Shedekar
GitHub Profile
Project Repository