Site Logo

Alpha Phi Delta Project

Alpha Phi Delta Home Page

Overview

During the Spring 2018 semester, I took my first web design class. For the final project, we were assigned to design a website for a local restaurant or campus organization. Being a member of Alpha Phi Delta fraternity, I noticed that my organization did not have a website for the Rutgers entity, so I decided to design and build one. This project allowed me to get a strong introduction to HTML, CSS, and jQuery, as well as Google domains, GitHub, and codepen.io.

Challenges and Solutions

Challenges

  • Element Positions

Element Positions

The first iteration of rutgersapd.org had many bugs. The HTML and CSS structure were not property written, and all previous image links were now outdated which led to the page becoming unformatted and meshed.

During the Fall 2018 Semester, after working with the Angular 7 tutorial, I wanted to become more familiar with Angular, so I began rebuilding the website and started the second iteration of the project. The main goals were to structure my code better by following newer HTML5 and CSS3 design patterns, as well as to store images in the local path. This way, the images will always render, since they live in the current server, as well as the pages not depending on the images to become unformatted.