The background music of your life
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
grunt
lib
spec
.editorconfig
.eslintrc.json
.gitignore
.remarkrc
.sass-lint.yml
CONTRIBUTING.md
Gruntfile.js
LICENSE
README.md
STYLE.md
favicon.ico
forms.md
index.html
index.js
notes.md
package-lock.json
package.json

README.md

https://ayoungdrew.github.io/life-soundtrack-client/ https://life-soundtrack-api.herokuapp.com/

Technologies used

-Javascript -jQuery -CSS/SASS -HTML -Bootstrap framework

Project Intro: Life Soundtrack

Life Soundtrack is a journal of your life through your taste in music. After signing up, you you can compile all the songs that are important to you, through groupings called “Phases” which are ways of organizing songs by a time frame, like the four years you were in high school. Or that one year when you couldn’t get over your ex-girlfriend. Each song is unique entry that includes a comment about how you were introduced to it and/or why you listened to it during a certain period in your life.

LS would be used by those who like to journal or collect or keep some emotional record of their lives. Similar to websites like pinterest.com or Film Aficionado (www.filmaf.com), LS let’s you keep a fun and personal journal of your love for music and how it’s been with you throughout your life.

Process: Life Soundtrack Front-End Development

In the interest of time, I recycled some assets from a recent project I built using the Bootstrap framework to get basic UI working.

Still to done is a lot of UI polish and smoothing out the user experience. For example, in its current form, a song must be in the database before a user can write a favorite song story that pertains to the song. Ideally the user shouldn't have to worry about the status of the database when adding a personal story to their Life Soundtrack profile.

Development Materials

Initial Wireframes: https://drive.google.com/open?id=1y1O1zWrmdtbkWBdECqKY9_eHQ4tUDaLs

ERD: https://drive.google.com/open?id=1nteuEH-ujKlRvy0QDw_1uspiHEkOux8-

Initial Draft of User Stories: https://drive.google.com/open?id=15Lt-yceiAllXtfCFfnTowm4nQaFM2fOKD9iT0Aoxn2w