My Final Project – Portfolio

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.

Creative Brief

I’m recreating the portfolio I had initially made but with a more modern touch. I have not yet stated creating, I’ve only been brainstorming

Mad Libs Final

MMP 100 | Programming Project

Spring 2024

Languages used: JavaScript, HTML, & CSS

I created a Mad Libs game website that takes user input for nouns, verbs, and adjectives. My experience with this website was interesting and fun. I knew that coding could be challenging, but I didn’t expect it to be this difficult. It took me a long time to resolve the errors in my code until I finally figured out my JavaScript. Fortunately, my partner is very knowledgeable about coding and was able to help me troubleshoot and revise it. Overall, I had a great time creating this project.

Website Link: https://wngtz2.csb.app/?

CodeSandBox Link: https://codesandbox.io/p/sandbox/

My Portfolio Website

Lee’s Portfolio

Spring 2024

Coding Language/Software: HTML + CSS/ CodeSandbox

For my MMP 100 project, I created a portfolio instead of venturing into a “choose your own adventure” game. This portfolio showcases the progression of my work throughout MMP 100, offering users a glimpse into my journey.

The most challenging part I encountered was ensuring the proper closure of my code elements. I meticulously traced through every code pathway, verifying it was right.

My Portfolio:
https://28qfkq.csb.app/index.html

CodeSanbox Editor: https://codesandbox.io/p/sandbox/

Published
Categorized as Website

My Website

Title: Choose how you spend your day off

Semester/year: Spring 2024

Html / CSS

Program: P5js & Codesandbox.io

I created a portfolio for my website. I was having a bit of trouble using p5, but switched to codesandbox.io and was able to make my website work like I wanted it. I did want to add more too it, but ran out of time.

Here is the link to p5 website:
https://editor.p5js.org/ideiralee/full/MdrK8SCGG
Editor:
https://editor.p5js.org/ideiralee/sketches/MdrK8SCGG

Here is the link for Codesandbox.io:
https://28qfkq.csb.app/index.html
Editor:
https://codesandbox.io/p/sandbox/nostalgic-matsumoto-28qfkq?

Published
Categorized as Website

My Animation: Anger

Title: Ager

Spring 2024

Software: After Effects

For my animation, I chose the emotion “anger”. This is my first time attempt at creating an animation. I chose a triangle to represent an angry person and a rectangle to represent a calm person. My initial storyboard is different to my animation, but kept the same emotion.

Published
Categorized as Animation

My Storyboard

This is my storyboard for my animation project. I am doing an animation of an angry customer who is unsatisfied with the service they received.

Published
Categorized as Animation