Skip to content

HabiburRahmanZihad/GradiFy

Repository files navigation

📚 GradiFy - Student Academic Management System

React Vite Tailwind CSS Firebase MongoDB Node Js- Express License

Organize Your Academic Journey” A comprehensive platform for students to manage schedules, track expenses, and prepare for exams.

GradiFy is an all-in-one student management system designed to help students organize their academic life, track expenses, manage schedules, and prepare for exams efficiently.

🔗 Live Frontend 🚀 Backend API


🗂️ Table of Contents


🎯 Purpose

GradiFy was created to solve the common challenges students face in managing their academic and personal lives. It provides an integrated platform for schedule management, expense tracking, exam preparation, and academic organization, all in one user-friendly application.


🚀 Features

📅 Schedule Management Create, update, and manage your class schedules and academic calendar.

💰 Expense Tracking Monitor your expenses, set budgets, and track spending patterns.

📝 Exam Preparation Access question banks, take practice tests, and track your progress.

👤 User Profiles Personalized profiles with academic information and preferences.

🎯 Goal Setting Set academic goals and track your achievement progress.

📊 Progress Analytics Visualize your academic performance and improvement over time.

🔐 Secure Authentication Firebase-powered login with secure user management.

📱 Responsive & Animated UI Fully responsive interface that works on all devices.


🛠️ Built With

Category Tools & Libraries
Frontend React 19, Vite 6.3
Styling Tailwind CSS, DaisyUI
Routing React Router v7
Authentication Firebase Auth
Database MongoDB
State & API Tanstack React Query, Axios
Charts & UX Recharts, React Toastify
Animations Framer Motion, Lottie React
Maps React Leaflet

📦 NPM Packages Used

# Core
react
react-dom
react-router
vite

# Styling
tailwindcss
daisyui

# Firebase
firebase

# Charts & Animation
recharts
framer-motion
lottie-react

# Forms & UX
react-hook-form
react-datepicker
sweetalert2
react-icons

# Utilities
axios
date-fns
uuid


# Dev
eslint
@vitejs/plugin-react
@types/react
@types/react-dom

📸 Preview

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 Screenshot 5 Screenshot 6 Screenshot 7 Screenshot 8 Screenshot 9 Screenshot 10 Screenshot 10


⚙️ Getting Started

  1. Clone the Repository

git clone https://github.com/your-username/gradify.git cd gradify


2. **Install Dependencies**

```bash
npm install

3.Set Up Environment Variables

Create a .env file in the root directory:
VITE_FIREBASE_API_KEY=your_firebase_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
VITE_FIREBASE_PROJECT_ID=your_firebase_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_firebase_sender_id
VITE_FIREBASE_APP_ID=your_firebase_app_id
VITE_API_BASE_URL=your_backend_api_url
  1. Run the App

    npm run dev

📄 License

This project is licensed under the MIT License. Feel free to use, modify, and share — just give credit. 📘


👨‍💻 About the Developer

Habibur Rahman Zihad Computer Science Student & Full Stack Developer

📧 Email: e241024@ugrad.iiuc.ac.bd

🌐 GitHub: HabiburRahmanZihad

💼 LinkedIn: habiburrahmanzihad

🐦 Twitter: xihad_xihad

GradiFy was created as a personal project to solve real-world problems faced by students in managing their academic lives. The platform combines practical functionality with an intuitive user experience to help students succeed in their educational journey.