EduTrack - Modern Homework Management 📝

🚀 EduTrack - Your Academic Success Partner

A complete, premium web application to manage your academic life with ease.
Live Website: edutrack.codewithtanim.works
Stay organized, track your homework, and boost your grades with a YouTube-style interface ⚡
_{Tech Stack: PHP, MySQL, Tailwind CSS, JavaScript}

---

🎯 Introduction

EduTrack is a sophisticated, full-stack web application designed for students who demand excellence. It transforms the often-tedious task of homework tracking into a visually stunning, interactive experience. Built with a focus on UX/UI excellence, it features a premium dark-mode interface with glassmorphism effects, ensuring that managing your studies feels modern and effortless.

✨ Key Highlights

• 📱 Responsive Design - A seamless experience from ultra-wide monitors to mobile screens.
• 🌑 Premium Dark Mode - Built-in high-contrast dark theme with glassmorphism aesthetics.
• 📊 Real-time Progress - Visual indicators for task completion and deadlines.
• 🔓 Secure Access - Enterprise-grade session management and password hashing.

---

🚀 Features

✅ Mastery over Tasks

• Full CRUD Management: Create, read, update, and delete homework assignments with ease.
• Smart Filtering: Filter by status (Pending, Ongoing, Finished) to focus on what matters.
• Dynamic Categories: Organize your tasks by subjects (Math, Science, etc.) with custom color coding.
• Due Date Reminders: Keep track of deadlines with clear visual cues.

🎨 User Experience & Design

• YouTube-Style Sidebar: A familiar, sleek navigation system for quick access to all modules.
• Glassmorphic UI: Beautiful semi-transparent backgrounds and modern shadows.
• Flash Messages: Instant feedback on every action (Success, Error, Info).
• Smooth Transitions: Subtle micro-animations throughout the application.

🔐 Security & Data Portability

• Secure Authentication: Robust Sign-up and Login system with PDO security.
• Data Export/Import: Download your homework data in JSON, CSV, or TXT formats for offline backup or migration.
• Profile Management: Update your personal details and profile banner directly from the dashboard.

---

🛠️ Tech Stack

Core Engine

Frontend Excellence

---

🏗️ Project Structure

EduTrack/
├── 📁 assets/                 # 🎨 Static assets (CSS, JS, Images)
│   ├── 📁 css/                # 👗 Stylesheets
│   │   └── 📄 style.css       # Main CSS with glassmorphism & dark mode
│   ├── 📁 img/                # 🖼️ Visual media & icons
│   │   ├── 📁 uploads/        # ⬆️ User-uploaded profile & banner images
│   │   ├── 📄 browser_icon.png
│   │   └── 📄 developer.jpg
│   └── 📁 js/                 # ⚡ Interactivity
│       └── 📄 main.js         # Core JS for UI effects & dynamic updates
├── 📁 auth/                   # 🔐 Access Control
│   ├── 📄 login.php           # User Sign-in portal
│   ├── 📄 logout.php          # Session termination
│   └── 📄 register.php        # New user acquisition
├── 📁 config/                 # ⚙️ System Configuration
│   └── 📄 db.php              # Database connection (PDO) constants
├── 📁 database/               # 🗄️ SQL Schema & Migrations
│   ├── 📄 setup.sql           # Core database structure
│   └── 📄 extra.sql           # Optional/Additional data scripts
├── 📁 includes/               # 🧱 Modular UI Components & Logic
│   ├── 📄 auth.php            # Middleware: Guards & Session checks
│   ├── 📄 functions.php       # 🛠️ Global helper functions (Sanitization, etc.)
│   ├── 📄 header.php          # Navbar & Meta tags
│   ├── 📄 sidebar.php         # 📺 YouTube-style navigation drawer
│   ├── 📄 footer.php          # Page terminations
│   └── 📄 modals.php          # 弹出式 Modal windows for CRUD
├── 📁 User/                   # 👤 Member-Only Dashboard Features
│   ├── 📄 categories.php      # 🏷️ Manage subjects & custom colors
│   ├── 📄 dashboard.php       # 🏠 Main assignment overview & filtering
│   ├── 📄 data_handler.php    # 🔄 JSON/CSV Import & Export engine
│   ├── 📄 homework_actions.php# 🏗️ Backend CRUD processing for tasks
│   └── 📄 settings.php        # 👤 Profile & Data management settings
├── 📄 index.php               # 🎯 Landing Page (Public entry point)
├── 📄 about.php               # ℹ️ Project details & developer info
└── 📄 README.md               # 📖 Essential documentation & setup guide

---

🚀 Installation & Deployment

1. Database Setup

1. Create a new MySQL database in your hosting environment (e.g., Hostinger).
2. Use phpMyAdmin to import database/setup.sql.

2. Configuration

1. Open config/db.php.
2. Update your database credentials:

   define('DB_HOST', 'your_host');
   define('DB_NAME', 'your_db_name');
   define('DB_USER', 'your_db_user');
   define('DB_PASS', 'your_db_pass');

3. Upload & Go!

1. Upload all files to your public_html/ folder.
2. Visit your domain and start managing your homework like a pro!

---

👨‍💻 Developer

MD SAMIUR RAHMAN TANIM

Full Stack Developer & UI Enthusiast

---

🤝 Contributing & Support

• 📧 Email: codewithtanim+support@gmail.com
• 💬 Live Demo: https://edutrack.codewithtanim.works/

---

⭐ If you find this project helpful, please give it a star on GitHub!

Built with ❤️ for a better academic life.

Happy Learning! 🚀