Skip to content

Latest commit

 

History

History
59 lines (40 loc) · 3.22 KB

README.md

File metadata and controls

59 lines (40 loc) · 3.22 KB
Raw

moodset-gif

Welcome!

What started as a school project has turned into a long-term endeavor to create a playlist-builder app without following any tutorials.



I started building this by organizing my folders in an MVC structure, and getting a route setup to test the server. After that I spent a lot of time working on the functionality and eventually styling. This app uses MongoDB, Express, EJS, Node, Cloudinary, Express-Sessions, Bcrypt, and Materialize CSS along with a few other packages The hosting was provided by Railway, but am now exploring different options. This app will be deployed very soon!


Link to the app is: Coming Soon!

To-Do List

  • Change host from Heroku to something new.
  • Add artist and song name to each audio file in the playlists.
  • Build a custom audio player to replace the default HTML audio player.
  • Build the ability to add more than one song to each playlist via the new audio player.
  • Build a next and pravious track button in the new player.
  • Improve playhead scrubbing visually.
  • Render the artist and song title inside the player for each audio file.

Update Blog

March 13th, 2023

Over this past weekend I decided to re-open Moodset to make some changes and refresh myself on the MVC format and using MongoDB. I realized that the deployment was broken as all that appeared in the browser was a Heroku error. I found the error pretty quickly in the logs and it was showing an H14 error, which I found to mean there were no running dynos. I look into the issue and learn that Heroku has removed their free tier full-stack hosting. Today, Monday, I decided on Railway for deployment and I have nothing but positive things to say! The UI is attractive, and deployment was incredibly easy. Thank you Railway for providing a free-tier full-stack web hosting service!

May 11th, 2024

For the past few weeks I've been making a big effort to modernize and redeploy all of my projects so that my portfolio is strong. This is the second project I'm working on. I went through the whole fifle system and refactored code to read better and look better to follow a DRY approach. I fully implemented Materialize CSS throughout the app and changed the color pallete to be readable, visually appealing and consistent. In addition, I build a completely custom audio player as an EJS partial that replaced the default HTML audio player. This new player consists of 3 files:

  1. player.ejs - This is the HTML framework.
  2. player.js - This has the DOM manipulation and functionality for the player.
  3. audioPlayerStyles.css - This is the CSS file. This audio player is not using Materialize CSS as of right now.

The To-Do section of this readme has been updated with new tasks involving this new player. It's not perfect yet but it works and is on GitHub! This player took quite a while to figure out and I'm super proud of it!