Posts

I created a comic about frogs hanging out at a pond. I used Illustrator to create the drawings and images and then embedded on a webpage using HTML and CSS and published with Replit.

Website: https://mmp-100-final-project-template.owenbmcc.repl.co/

Code: https://replit.com/@owenbmcc/MMP-100-Final-Project-Template

My Website

Title: Test the MBTI

Semester/Year: Spring 2023

Coding language/software: HTML and CSS with Replit

My website is used to test MBTI. Through five small questions, you can test whether you are a thinker or a feeler.

Live site link: https://test-the-mbti.wenxuzhou.repl.co

Code link: http://replit.com/@wenxuzhou/Test-the-MBTI

Title: Pizza Lovers

Semester: Spring 2023

Coding language/software: HTML and CSS with Replit

My website is about pizza lovers , if you going to queens or Brooklyn it will take you on where you need to go to eat the best of the best. I used HTML for the basic pages with CSS styling and hyperlinks to connect each page, and images to illustrate the settings.

Live site link: https://mmp-100-css-basics-layout.officialrose97.repl.co

Code Link: https://replit.com/@officialrose97/MMP-100-CSS-Basics-Layout#index.html

Image sources: https://www.flickr.com/photos/garrettziegler/10885813485

https://www.publicdomainpictures.net/en/view-image.php?image=265630&picture=the-unisphere-in-queens-new-york

https://www.flickr.com/photos/tobiwei/4477607084

My Website

https://cyberpunk-2077.malik-jj.repl.co/

Title: Cyberpunk 2077 Interactive Teaser

Semester/Year: Spring 2023 Coding language/software: HTML, CSS, JavaScript

This interactive story is set in the world of Cyberpunk 2077 and follows the journey of the games protagonist, V. The aesthetic was inspired by the immersive and futuristic world-building of the Cyberpunk series. The most challenging part of the project was creating the branching paths of the story and ensuring that each decision had meaningful consequences. This was solved and built upon more by spending 2 sleepless nights learning and testing to ensure a smooth and engaging experience for the reader. Overall, this project allowed me to get over another fear of something I couldn’t ever imagine doing and explore the possibilities of interactive storytelling and combine my technical skills with my passion for immersive worlds and video games!

My Website

Title: Own Adventure

Semester/Year: Spring 2023

Coding language/software: HTML and CSS with Replit

My website is a choose your own adventure story set in the woods. I used HTML for the basic pages with CSS styling and hyperlinks to connect each page, and images to illustrate the settings.

Live site link: https://mmp-100-css-basics-color-and-typography.ethanpagan1.repl.co

Code Link: https://replit.com/@ETHANPAGAN1/MMP-100-CSS-Basics-Color-and-Typography#index.html

Image sources:

“Ebensee, Österreich” by Simon Matzinger. 3 February 2017. License: CC0. https://commons.wikimedia.org/wiki/File:Ebensee,%C3%96sterreich(Unsplash).jpg

“Lost in wildernes” by Gede Wirahadi Pradnyana. 3 April 2017. License: CC0. https://commons.wikimedia.org/wiki/File:Lost_in_wildernes_(Unsplash).jpg

“The Mystical Eye – Ion Mystical World” By Daniel Arrhakis. January 11, 2018. License: CC0. https://www.flickr.com/photos/arrhakis/24751777677

“Congratulations Text on White Surface with Confetti” By Olia Danilevech. May 30, 2021.

License: CC0. https://www.pexels.com/photo/congratulations-text-on-white-surface-with-confetti-8127309/

My Website

Title: NBA Trivia
Semester/year: Spring 2023
Software: HTML & CSS on Replit
My website is a basic NBA quiz with one general question about the MVP of a specific year. There are only two answers to chose from and each answer will send you to a page letting you know if you are right or wrong along with a fact related to the answer you chose.

Live site link: mmp-100-website.tm127.repl.co/index.html
Replit code link: https://replit.com/@TM127/MMP-100-Website#index.html

Image Sources:
“Giannis Antetokounmpo” By Erik Drost , March 3, 2022, License CC by 2.0
https://www.flickr.com/photos/edrost88/51915153421/
“LeBron James” By Erik Drost, March 25, 2022, Liscense CC by 2.0
https://www.flickr.com/photos/edrost88/51959723161

My Website

Title: Choose Your Own Adventure Website

Semester/Year: Spring 2023

Coding language/software: HTML and CSS with Replit

My website is a choose your own adventure story set in the woods. I used HTML for the basic pages with CSS styling and hyperlinks to connect each page, and images to illustrate the settings.

Live site link: https://mmp-100-final-website.owenbmcc.repl.co/

Code link: https://replit.com/@owenbmcc/MMP-100-Final-Website

Image sources:

“Ebensee, Österreich” by Simon Matzinger. 3 February 2017. License: CC0. https://commons.wikimedia.org/wiki/File:Ebensee,%C3%96sterreich(Unsplash).jpg

“Lost in wildernes” by Gede Wirahadi Pradnyana. 3 April 2017. License: CC0. https://commons.wikimedia.org/wiki/File:Lost_in_wildernes_(Unsplash).jpg