Posts

My Final Project

Spring 2024

HTML, CSS, Audacity

Live project:https://8tr868.csb.app/

Link to project code: https://codesandbox.io/p/sandbox/final-project-audio-forked-8tr868

For my final project, I used to different types of mood sounds.For 1 of the options for the user I used spooky scary sounds that I found interesting to me. Then I used audacity to put them into 1 sound and make it sound cool and scary. Then gave another option using happy relaxing sounds and put them all into 1 sound. So the user gets to choose either or.

“Scary Music Box For Spooky Scenes”, Pixabay by Universefield June 26th 2022 https://pixabay.com/sound-effects/search/spooky/

“Heart Beat” Pixabay by SoundReality Creative Commons Zero (CC0) license (“CC0 Content“) https://pixabay.com/sound-effects/heart-beat-137135/

“”OMG” Vocal FX”, Sample Focus by user4100062561001https://samplefocus.com/samples/omg-vocal-fx

“Upbeat Summer “, Pixabay by Grand_Projecthttps://pixabay.com/music/upbeat-upbeat-summer-long-202389/

Title: Short animation

Semester / Year: Spring 2024

Software used: CSS/HMTL, Code Sandbox, Photoshop + CSP, After Affect

Description:

I always wanted to be an animator growing up. So for my final project, I attempted to make a simple animation of my mascot character moving.

Link to live site: https://jv86sd.csb.app/

Link to code: https://codesandbox.io/p/sandbox/finaal-proj-jv86sd

Title: An Inspiring Story

Semester/year: Spring 2024

Software used: CSS/HTML, Code Sandbox, Audacity

Description: For my final project, I chose to narrate a motivating and inspiring story of a young girl who is passionate about becoming an athlete. She faces many hurdles and hardships along the way, but she never gives up and achieves her dreams at last.

I chose this story because I love motivating and inspiring content. I like to listen to them and also convey them to people to spread positive emotions. I decided to use audio to narrate the story, because I thought for me that would be the best and clearest way to tell the story. I’m happy to say this project was easier for me because it included all the things I already learned in the previous projects.

Link to Live Site:

https://p6ktn8.csb.app/

Link to Code (Sandbox):

https://codesandbox.io/p/sandbox/final-project-audio-story-p6ktn8?file=%2Faudio%2Fmy+audio+1

Attributions (for audio used):

For Audio 1:

“Calming Piano Loop 60bpm” by Seth_Makes_Sounds. Creative commons 0. freesound.org. 22 March, 2023.

https://freesound.org/people/Seth_Makes_Sounds/sounds/679738/

For Audio 2:

“A Positive And Inspiring Ambient” by Muyo5438. Creative commons 0. freesound.org. 11 december, 2023.

https://freesound.org/people/Muyo5438/sounds/714924/

“Cast_Iron_Bell_ringing_Mono_MD441U_19_float_240224_001_Tr4” by TSP-Talk. Creative commons 0. freesound.org. 24 February, 2024.

https://freesound.org/people/TSP-Talk/sounds/724854/

My Final Project – Portfolio

Spring 2024

HTML, CSS, JavaScript, and Illustrator

Live site: https://vp54jy.csb.app/

Dev site: https://codesandbox.io/p/sandbox/mmp-100-final-project-portfolio

For my final project, I recreated my portfolio using CodeSandbox, where I showcase my artistry. I created the opening page in Illustrator and created the website using HTML, CSS, and Javascript on the Code Sandbox platform.

My digital portfolio, showcases a collection of my artwork, emphasizing the empowerment and dynamic essence of women through a mix of vibrant and stark visual narratives. Despite some CSS challenges that tested my skills in creating a seamless user experience, the site effectively displays my work across various mediums to those who appreciate female figure art.

**All images created by the author.

Portfolio

Spring 2024

Software: HTML, CSS, Adobe Fresco, Photoshop, Illustrator

Live site: https://kdsvts.csb.app/

Code site: https://codesandbox.io/p/sandbox/portfolio-kdsvts

I chose to create website/portfolio for my final project. I really enjoyed working with CodeSandbox and chose to make that the focus of my project. The image on the index page was done in Adobe Illustrator and the rest were done using a combination of Adobe Photoshop and Adobe Fresco. Building the website was the most rewarding part of the project for me.

All images created by the author.

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/