Skip to content

MeganHuggins/Animus-Vox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Animus Vox

This project was bootstrapped with Create React App. Animus Vox is an app that allows the user for them to tell how they are currently feeling. From there they will be meet with the option to either find music that continues with their current mood or go an opposite direction. For example, if the user states that they are currently feeling sad will be given the option to find 'sad' or emotional songs (because sometimes all we want to do when you're sad is listen to ad songs and cry and dance!) they are also given the option to find 'happy' music first off. The opposite mood choice is made itinially for the user but they have the opition to change the option mood at anytime while on the Opposite Page. Once a user selects which direction they want to go, music wise, they will be redirected to a playlist that is pulled down from the Openwhyd API.

Learning Goals

  1. Demonstrate the mastery of the following technologies:
    • React
    • Testing-Library/React
    • Router
    • Asynchronous JavaScript
  2. Work within constraints to deliver a unique product for your audience which helps them in some way. Your project must utilize your assigned API and technology, and must be built for your assigned audience.
  3. Your applications should have the following core functionality: Display the data from the API in a way that applies directly to your audience Create a one of kind of App in React within the time frame as a solo project

Technologies Used

Librarys, Frameworks
  • JavaScript
  • React
  • CSS
  • Create React App
Testing and Styling
  • Jest
  • React Testing Library
  • ESLINT
APIS
  • Fetch

Instructions

  • Fork or Clone repo
  • Run npm install
  • In the terminal navigate to the directory and run npm start
  • To run tests, run npm test

Future Work

  • Add functionality for a user to add/favorite certain songs to their own personal playlists on the site
  • Have more options, in terms of different playlists, readily available to them
  • Add more visual friendly elemetns on the Options Page
  • Implement a loading page for when the songs are in the process of coming over

Animus Vox In Action

Loging Into Site:

anium-vox-gif

Setting Users Initial Mood:

anium-vox-gif

Filtering Through Opposite Moods:

anium-vox-gif

Fetching Desired Playlist:

anium-vox-gif

Returning Home To Start A New Search:

anium-vox-gif

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published