Joanne Chuang – MMP 100 Spring 2024

Final Project

Title: NYC Subway Improvement

Semester/Year: Spring.2024

Software, coding/programming languages: HTML, CSS, Photoshop, After Effects

Description: In New York City, where the subways keep the city moving, there’s a big problem: More and more people are losing confidence in the subway system, which needs improvement. The goal of this website is to emphasize the importance of safety precautions and increase commuter confidence in New York City’s subways

I use Photoshop to create a logo and After Effects to create an animation for a public service announcement.

I designed the logo with a NYC subway image on one side and a peace symbol on the other. The background features the NYC skyline, and I chose bright and bold colors to symbolize the city’s diversity. I chose a classic bass melody sound for the animation symbolizing NYC jazz music.

Code: https://codesandbox.io/p/sandbox/mmp100-v5y8kf?file=%2Findex.html

Website: https://v5y8kf.csb.app/

CREDITS

“A Jass-Brass Sample from the Song Deep Sea” by KlangRaumWort. CC BY 3.0. Freesound.org. May 20, 2024.

https://freesound.org/people/KlangRaumWort/sounds/467629/

Creative Brief

My final project

Mad Libs

Title: Mad Libs

Spring 2024

Languages used: JavaScript, HTML, & CSS

I created a Mad Libs story that is a short personal introduction. I feel that coding is challenging for me, it is difficult to cod all correct. It took me a lot of time to fix the errors in my code.

Link to the project: https://pm4jl5.csb.app/

Link to code: https://codesandbox.io/p/sandbox/mad-libs-version1-fsst56

Programming update

This is my programming website update.

https://codesandbox.io/p/sandbox/mad-libs-version1-fsst56

My Website

Joanne Chuang Portfolio

Spring 2024

HTML, CSS

My website is my portfolio. I put the work I did in this class. The most challenging part of the project was when I tab one of the codes wrong all will be wrong, so I had to be careful to do coding.

Live site here: https://v5y8kf.csb.app/

Link to project: https://codesandbox.io/p/sandbox/mmp100-v5y8kf?file=%2Findex.html

Website CSS update

https://v5y8kf.csb.app/

website update

https://editor.p5js.org/chiayuan0604/sketches/NFV5a62sq

My Animation: Excitement

Title: Excitement

Semester/Year: Spring 2024

Software: Adobe After Effects

The emotion I animate is excitement, I use elasticity to present it thus the shape I choose is a circle. I made the pacing quick to convey excitement. The project’s most challenging part is making the circle activation feel smooth and natural. And the way I solve it is to spend the time to do it, the one and only way to do it when you learn something new.