top of page
NMIX Web Development
This semester I took NMIX 4010: Web Development. Within this class, we learned how to code HTML, CSS, and Bootstrap, as well as how to work in WordPress. This page serves as a landing place for you to take a look at all of my work! If you click on any of the photos below they will take you to the corresponding site.
Project One:
This was my first Web Development project. It threw me lots of curveballs but overall was a great learning experience on how to use HTML and CSS.
Project 2
This project was my all-time favorite of my time in Web Development. We were tasked with coming up with three different panels of a website, each panel getting more advanced and detailed, and even incorporating Bootstrap!
Project 3
For Project 3 we learned how to work with WordPress. This was the most challenging of all of the platforms for me. I struggled with manipulating the WordPress elements work together and look aesthetically pleasing and cohesive with my sites. For this project we had one content page and one commerce page, check them out!
Final Project: Reflection
For Project 4, I decided to build a website for my dad's art gallery and studio, No Parking. I thoroughly enjoyed this project because I was challenged to go farther than I had with my other WordPress site. Not only was I challenged by the project guidelines, but I was also challenged by what my dad was looking for in his site.
This project posed a few challenges in navigating the theme and separating elements that I wanted to affect only one page, rather than every page on the site. I also struggled with figuring out how to center my contact form and adjust the color of the buttons within the form. As you can see in the photos below, I wanted to center the contact page so that it looked more uniform. I was able to accomplish this by adding in lots of custom CSS to adjust the form to be centered. I learned this by watching a YouTube video and messing around with the CSS for quite some time. I did the same with the button in the form, as the original color did not go well with the site. I also struggled with getting the elements within the pages to fill the full width of each page. Lastly, I struggled to get my header to be consistent across the entire site. These were technical challenges, requiring me to go further than I previously had to.
The other challenge was building the site around what my dad wanted. Minimal, descriptive yet vague, and personal. The idea for the site was that there would be a page devoted to the message my dad seeks to convey through his art, a page for people to contact him, and a blog-style gallery page. The biggest challenge within this was that my dad doesn't write full descriptions for his art because he wants people to have to think critically about what the art means to them. Thus, the blog posts are not short and essentially blank for no reason, they are left blank so that people can view the pieces on their individual pages and question what they mean to them.
I am proud of the way that the whole site came together. I feel as though it communicated exactly what my dad wanted. The site is simple yet aesthetic and very easy to navigate. I am also proud that I was able to figure out how to customize the contact form to make it look aligned and centered on the page. Overall, this project made me proud because I was able to showcase my dad's work in a way that made him proud of it!
Click on this screenshot to go directly to the site!



The button and form BEFORE adding custom CSS

The button and form AFTER adding custom CSS


A little bit of the custom CSS I added to center the form and change the color of the submit button.
bottom of page




