NUS NM2207 Computational Media Literacy (HMTL,CSS,JS)

Created engaging web projects in NM2207, blending frontend skills with emotional design, including my self-development Final Project - Grow With Me! 🌱

Comment

Inspiration

Throughout NM2207, I was inspired by the idea of using technology not just functionally, but emotionally — to create web applications that feel intuitive, supportive, and personal. I wanted to build projects that not only demonstrated technical proficiency, but also thoughtful user-centered design.

What it does

This repository showcases my coursework and final project for NM2207, featuring interactive front-end applications developed using HTML, CSS, and JavaScript. It highlights my ability to design, code, and critically engage with computational media through creative, user-friendly experiences.

How I built it

Each project was built from scratch, starting with wireframing and conceptual design, followed by modular code development using HTML, CSS, and JavaScript. I implemented interactivity using DOM manipulation, event listeners, timers, audio integration, and local storage, and focused on clean structuring and maintainable code throughout.

Challenges I ran into

Some challenges I faced included implementing real-time animations and user data persistence, handling responsive layouts across different screen sizes, and troubleshooting asynchronous behavior in JavaScript. Ensuring a smooth and engaging user experience while maintaining clean and scalable code pushed me to deepen both my frontend and problem-solving skills.

Accomplishments that I'm proud of

  • I'm proud of creating projects that are both technically sound and creatively engaging. From mood tracking calendars to real-time collaborative sketches, I combined functionality with emotional design.
  • I am especially proud of my Final Project, "Grow With Me"🌱 — a self-development simulation game that encourages users to track their moods, cultivate gratitude, and reflect on personal growth.
  • For this project, I conducted independent research and implemented advanced features such as dynamic mood visualization, localStorage-based data persistence, and modular JavaScript structuring to ensure a seamless and emotionally resonant user experience.

What I learned

  • This module greatly strengthened my frontend development skills, especially in JavaScript DOM manipulation, SVG graphics, server-client communication concepts, and interactive design principles.
  • It also reinforced the importance of user-centered design thinking, clean code organization, and iterative testing and debugging, which is of paramount importance to me as a passionate Communications and New Media Undergraduate at NUS.

What's next for NUS NM2207 Computational Media Literacy (HTML, CSS, JS)

  • Building on the foundations laid in NM2207, I am excited to further deepen my skills in frontend development by striving for more opportunities in the realm of coding through participation in hackathons and compeitions!
  • I also aim to continue designing projects that merge creativity with functionality, with a strong emphasis on user experience and visual storytelling.
  • If possible, I most definitely hope to bring my Final Project "Grow with Me" to life and take it to greater heights!

Built With

Share this project:

Updates