Projects

Personality Quiz Project

Quiz Screenshot Click here to access!

For the personality quiz project, the objective was to make a buzzfeed style quiz that would give the user a result based on the answers they chose on the quiz. Before starting the code of the website, I planned out the theme of my quiz along with the content and number of questions I was going to include with images. I then created a flowchart with all the different possible outcomes of the quiz depending on which answer the user picked for each question so that I could have a visual outline of how the functions in javascript would work. I then reviewed a wireframe of the quiz with all the clsses and div cotainers labeled so that I could have a visual of what I needed to include in my html. After the planning period, I used principles of html, css, and javascript on this project by creating questions, answers, and buttons in html. I then used css styling to make the website look more isually pleasing and used javascript to add functionality to the buttons by creating functions and event listeners that would keep track of which answers were selected and which element score would give you different results.

Activist Toolkit Project

Activist Toolkit Screenshot Click here to access!

For the Activist Toolkit Project, the objective was to make a website about an issue that is important to us using html, css styling rules, and javascript concepts that were taught. To start off the project, I planned out the cause I waned to represent through my website and what resources I would include for the cause. Next I planned out what my message to the user was and what my call to action checklist would include. Next I completed the mock up template for the different pages of the website to have a visual representation of how I wanted the pages to look in terms of fonts and colors. I then used html, css styling rules, and javascript to start coding the website and created an interactive checklist for the user on the take action page, changed the styling of each page, and implemented a color scheme for the website.