For my capstone project, I created a website that teaches beginners how to code in JavaScript and make simple games using p5play, a JavaScript library for game development. This site is organized into a start page, a note page, a lesson menu, and 8 sections of tutorials, each introducing a major JS concept and some p5play concepts, alongside small interactive games, clickable multiple-choice questions, and a drag-and-drop coding activity to reinforce learning.

I began my project by inquiring about how to create a game and make it shareable to other people through a link. I planned out the layout of the website and created a visual design for the main components by using Google Slides and free assets from Kenney. I developed my game using Visual Studio Code and tested it using a live server. I learned about using Chrome Developer Tools to debug. For deployment, I first used Google Drive with DriveToWeb but encountered performance issues and an abnormal amount of third-party warnings. I then switched to Vercel and Github for a smoother and more reliable web deployment. I shared my website with people in SLA and obtained a lot of helpful feedback. This feedback is helpful for me to realize the issue I hadn’t noticed and bugs I didn’t find, which help me improve the usability of the website. Overall, I am proud of what I did and what I learned from the experience.

Link to my website: https://capstone1-phi.vercel.app/

https://www.wevideo.com/hub#editor/2786106108

What would happen if climate change becomes serious, natural disasters become common, and the government doesn’t provide help to people?

https://www.wevideo.com/hub#editor/2659621428