WEB PROJECT
Corpus Christi Catholic Church
Link: Corpus Christi Catholic Church
Made With: HTML, CSS, JavaScript, PHP, SQL, JSON
Customer
Corpus Christi Catholic Church is located in Savannah, Georgia. In 2022, the parish welcomed a new pastor. I introduced myself to him on his first day and proposed creating a website for the parish. He mentioned that a website is often the first interaction people have with a church and accepted my offer. I began as a volunteer and that eventually changed to a paid position to maintain and continue improving the site.
Development
The website has gone through two major revisions since its initial creation. Both revisions share the same general layout but mostly differ in style. The original design used a traditional tan aesthetic, while the first revision used a cleaner, modern look in blue and white. The biggest design changes involve the layout of the home page. Church staff members can upload images of various aspect ratios or text of various lengths and the design needs to account for this.
The first revision added this functionality but due to how I designed it, it would cause some sections to expand awkwardly. The second and current revision fixes this in a number of ways. First, all content is stacked in one column instead of two. Secondly, the notices are placed in a horizontal carousel that can be clicked through by the user. All content is now shrunk to be the same height allowing any horizontal overflow to be handled by shifting the next notice image to the right. This was a better solution than possibly imposing arbitrary aspect ratio limits for the various creators of notices.
Features
- Staff Authentication - Secure login system with username and password for authorized church staff members
- Hashed Credentials - Passwords are hashed and stored securely on the server.
- Image Uploads - Staff can upload images of allowed size and file types directly through the admin page interface.
- Post Management - Full create, edit, and delete functionality for image and text posts.
- Decoupled Architecture - The front-end site does not read post content directly from the server. PHP files generate a JSON file that the static site generates page content from.