epachols / moodindigo

Music, Mood, and Weather application -

Mood Indigo

Project #1 – Team 5 Trilogy – Full Stack Development Program University of Washington Cohort 2020

Team Members:

Evan Pacholski

Kyle Anderson

Anthony Perez

Hannibal Wyman

Project Description:

Mood Indigo

Music, Mood, and Weather application -

As a user, when I visit this page, I want to quickly and easily access a playlist that is generated based on the weather outside and my current mood.

Mood Indigo is a mobile first app that connects the users emotions with suggestable playlist through Spotify based on the users local weather. The application utilizes the Spotify API to generate random playlist, ip-API to gather general geo-location, and Open Weather API to pull user local weather info.

Key Elements & Features:

Musical and Emotional Enjoyment

Motivation:

Listen to music that fits the users mood.

Tech/framework used:

HTML, CSS, JavaScript, JQuery, AJAX, Foundation

New Technology used:

Animate.css, CodePen.css

API Reference:

Spotify

Open Weather Map

ip-API

Copyright: Kyle Anderson, Anthony Perez, Hannibal Wyman, Evan Pacholski

© 2020 All Rights Reserved

moodindigo's Issues

page what we need for mood indigo

• on entry - website will
  1. grab user location (free geolocate api)
  2. grab local weather based on geolocate api
• MORE TO COME AS OF THURS MORNING******

ENDING WORK

• problems we ran into, how we got around them.
• what went well.
• as project goes, record all apis used, what for, why, and when. (for presentation).
• where we could take this project.

MAKE basic pagination for landing page and population of info

• basic grid
• gentle home layout with ID's added
• updated, pulled, team warned.

**frontend: Color Schemes

• pick 4 different (slightly) color schemes for the different weathers (ice box)
• define their css classes
• pass those classes to back end for weather conditional initializer.

ev 6/25

FRONT- content layout design

• decide on layout of playlists generated, how many. (will need to consider total number of playlists to work with
• make the playlist size stay inside the card/modal generated