Day 1 – Idea & Design
Started with the idea of creating a modern glassmorphism UI using a full-screen video background. Designed the login page layout with a floating glass card and smooth typography for a premium look.
Day 2 – Login & Navigation
Built a demo login system using HTML, CSS, and JavaScript. Added fixed credentials (User ID: Prince, Password: 1234) and implemented page navigation from login to dashboard.
Day 3 – Dashboard & Profile
Created the dashboard layout with a sidebar and interactive elements. Designed a separate profile page featuring an avatar card, skill progress bars, and social/email icons to enhance personalization.
Day 4 – Performance & Hosting
Faced issues with large video files on GitHub. Solved this by hosting videos externally and loading them via direct URLs, improving performance and keeping the repository lightweight.
Day 5 – UI Polish & Final Touches
Refined animations, spacing, and responsiveness. Ensured smooth transitions, clean UI flow, and proper logout navigation back to the login page. Final testing focused on usability and visual consistency.
🔚 Final Outcome
A lightweight, responsive frontend web app showcasing glassmorphism design, smooth navigation, and creative UI decisions — built entirely with HTML, CSS, and JavaScript.
