Album Cover Art Catalog
Spring 2023
Dynamic Website made in INFO 2300 Intermediate Programming and Design @ Cornell
A platform designed for enthusiasts passionate about the visual aesthetics of music promotion. Users can explore a dynamic grid of album cover thumbnails with tags for seamless navigation. Administrators who have the login and password can enjoy an efficient backend for uploading and tagging entries. There is also a filter button to filter the genres of the album covers to help users have a more efficient sorting and viewing experience.
Project Objectives
Develop a professional server-side interactive website suitable for a portfolio.
Translate client/customer requirements (project write-up) into a working implementation.
Leverage design patterns to improve the usability of your site’s design.
Structure a database with multiple tables and foreign keys.
Query relationships between tables using common fields (joins).
Support login/logout (user sessions).
Design and build user access controls to limit user’s abilities on a site.
Employ best practices for user uploaded content for dynamic websites.
Leverage reference documentation to learn programming APIs independently.
Link to Github Repository: https://github.com/marymanruzhang/album-media-gallery
Filter icon on the main catalog allows to filter genres of album
Item page that each entry thumbnail links to on the main catalog
The first icon on the header is to sign into the account to make add entries to the media catalog
In order to add an album entry (the middle upload icon on the header), the user must be an admin and sign in first
Both genre entries must be filed
Both genre entries must be filled like in the prompt or else it will throw an error
It must be a valid URL
There is a 1MB file limit and only allow uploads of PNG and JPGs