Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

65 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

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.


About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages