ALBUMRAMA
PREFACE:
Designed within the span of a semester, this project was conceived and executed as a culmination of my final web production course. The primary objective of this project was to cultivate a comprehensive understanding of REST APIs and their application in practical web-based scenarios. Using the last.fm API, Albumrama empowers users to curate grids of ten albums based on their preferences, offering a platform for seamless sharing. Drawing inspiration from the user experience of Topsters 2, I embarked on enhancing this concept by focusing on three pivotal areas of improvement:
- Elevating the overall design aesthetics.
- Facilitating user sign-up and the retention of previously created grids.
- Establishing a mobile-responsive interface for a seamless experience across devices.
PROJECT SCOPE:
The task encompassed the development of an intuitive web application. Visitors could craft personalized collages and either download them or, by registering an account, access the capability to save and revisit past creations.
PHASES
The project unfolded in two distinct phases:
- API Integration and Collage Generation:
By engaging with the Last.fm API documentation, I used its functionalities to facilitate album searches. The system refined search queries based on artist names and album titles, ensuring optimal relevance. Displaying the initial 20 results—each accompanied by a unique album image—simplified the user's selection process. To ensure an optimal collage-building experience, I engineered a user-friendly interface where users could effortlessly add or remove albums from their grid. - User Registration and Collage Management:
The project extended beyond collage assembly. With data security at the forefront, I implemented advanced password hashing using bcrypt.js and orchestrated seamless connectivity to MongoDB using Mongoose. Using Express-session, I maintained a user's sign-in status for personalized experiences. The interface was thoughtfully designed, offering non-registered visitors a download option, while registered users enjoyed the added privilege of saving their collages. The project culminated with successful deployment on the Heroku platform, showcasing its dynamic capabilities.
To have an in-depth look at the coding process of this project, check out the presentation here
ALBUMRAMA
PREFACE:
Designed within the span of a semester, this project was conceived and executed as a culmination of my final web production course. The primary objective of this project was to cultivate a comprehensive understanding of REST APIs and their application in practical web-based scenarios. Using the last.fm API, Albumrama empowers users to curate grids of ten albums based on their preferences, offering a platform for seamless sharing. Drawing inspiration from the user experience of Topsters 2, I embarked on enhancing this concept by focusing on three pivotal areas of improvement:
- Elevating the overall design aesthetics.
- Facilitating user sign-up and the retention of previously created grids.
- Establishing a mobile-responsive interface for a seamless experience across devices.
PROJECT SCOPE:
The task encompassed the development of an intuitive web application. Visitors could craft personalized collages and either download them or, by registering an account, access the capability to save and revisit past creations.
PHASES
The project unfolded in two distinct phases:
- API Integration and Collage Generation:
By engaging with the Last.fm API documentation, I used its functionalities to facilitate album searches. The system refined search queries based on artist names and album titles, ensuring optimal relevance. Displaying the initial 20 results—each accompanied by a unique album image—simplified the user's selection process. To ensure an optimal collage-building experience, I engineered a user-friendly interface where users could effortlessly add or remove albums from their grid. - User Registration and Collage Management:
The project extended beyond collage assembly. With data security at the forefront, I implemented advanced password hashing using bcrypt.js and orchestrated seamless connectivity to MongoDB using Mongoose. Using Express-session, I maintained a user's sign-in status for personalized experiences. The interface was thoughtfully designed, offering non-registered visitors a download option, while registered users enjoyed the added privilege of saving their collages. The project culminated with successful deployment on the Heroku platform, showcasing its dynamic capabilities.
To have an in-depth look at the coding process of this project, check out the presentation here
