Programming.App.mp4
An intuitive and visually engaging platform for learning HTML, CSS, and JavaScript — packed with an in-browser IDE, real-time code execution, personalized challenges, and student-teacher chatroom interaction.
How do we make web development learning simple, interactive, and accountable — all in one place?
The client wanted a platform where learners could:
- Practice HTML, CSS, and JavaScript in one place.
- Write and run code with instant feedback.
- Get custom tasks and interact with a mentor.
- Enjoy a clean, accessible, and engaging UI/UX.
As the Software Engineer and Project Manager, I led the full-cycle development of this platform — from discovery to deployment — using Agile methodology.
- Conducted client interviews to fully understand user needs and expectations.
- Translated requirements into a detailed product vision.
- Delivered UI/UX designs for client review and incorporated feedback.
- Offered three UI themes: dark, light, and colourful to suit user preferences.
- Authored the SRS (Software Requirements Specification) document.
- Created a Gantt chart for sprint-based development timeline.
- Followed Agile sprints for modular development and feedback loops.
- Collaborated closely with the client throughout the process to ensure alignment.
- 🧑💻 In-App IDE – Write and execute code in real time with a
Playbutton feature. - 🎯 Personalised Challenges – Admin assigns coding tasks; students receive direct feedback.
- 💬 Teacher-Student Chatroom – Real-time communication for feedback, guidance, and mentorship.
- 🎨 Multi-Theme Interface – Choose from Dark, Light, or Colourful themes.
- 🧠 Learning Made Engaging – Attractive UI, smooth experience, and focused on accountability.
- Flutter – Frontend development
- Dart – Core programming language
- Firebase – Backend services (auth, database, real-time chat, etc.)
| Role | Contributions |
|---|---|
| 🔧 Software Engineer | Developed the full frontend in Flutter; integrated Firebase for backend functionality |
| 📋 Project Manager | Coordinated with the client, managed sprints, created SRS & timelines, and led Agile execution |
The app’s UI is crafted to make learning feel welcoming, motivating, and seamless. Each theme and layout choice is intentional — blending aesthetics with functionality.
Delivered a feature-rich, user-friendly, and scalable learning platform that not only meets the client's vision but also brings real value to aspiring web developers. This project reflects my ability to:
- Lead end-to-end development
- Manage timelines and deliverables
- Balance user experience with performance
🔗 Uploading Programming App.mp4… 🔗 https://github.com/user-attachments/assets/fc5ae181-da8c-4a2c-a47a-54c40128bdab