Bootstrap Triptych
This is the second project I made for my Web Development course. It includes three separate panels. The first one is from scratch using HTML, Bootstrap components, and CSS. The second used a Bootstrap template and the third used the same Bootstrap template but with custom CSS to make it unique.
The goal of creating this project was to expand on my HTML and CSS skills through Bootstrap. I learned to use the basics of Bootstrap, templates, and custom CSS to change a template. By going through three panels that got progressively more intricate, I was able to build upon my work and become a more advanced Bootstrap user throughout the process. I used this project to create a site to inform people about one of my favorite shows: Normal People.
One challenge I faced while working on this assignment was learning to use the inspect tool on my template to figure out how to change the Bootstrap CSS. Finding where to change the CSS and how to get it to do what I wanted was difficult for me but once I got the hang of it, it got a lot easier.
WordPress Content Site
For this project, we were tasked with creating a WordPress website on a topic of our choice. I chose to make a content site with some of my favorite movies. I pulled some information from Wikipedia about the plots and then wrote small reviews of my own. I then embedded trailers for each movie. I also utilized plugins to change the fonts and add animations. Custom CSS allowed me to customize the theme I chose.
An example blog post
I really enjoyed working with WordPress and felt it was different from other things we had worked on so far. Working with WordPress themes is both easier and harder than Bootstrap. Navigating where to go to edit certain parts of my site was hard to do with WordPress while Bootstrap was more of editing HTML like we’d been doing.
JavaScript Jukebox
For this assignment, I was tasked with creating a Jukebox using Javascript.
I honestly really struggled with this project. I felt Javascript was the most difficult topic we worked on this semester. However, I am really happy with how my finished project turned out. I created a Jukebox that included buttons with different moods on them. Pushing each of them gave you a different song based on that mood. I customized it to give it a cute color palette and love the look of it. I also added a spinning animation to the two vinyls on both sides of the title. Finishing this proved to be very rewarding.
