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}

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.

• 📱 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.

• 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.

• 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.

• 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.

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

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

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');

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

Full Stack Developer & UI Enthusiast

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