This is a soft clone of Soundcloud.
mood is an application where users can store and organize their music into moods.
- Link to live mood project.
mood allows users to create different moods to store songs.
- Moods: Users can create, read, update, and delete moods.
- Songs: Users can create, play, update, and delete songs.
mood was developed using the following Technologies:
React | Redux | Flask | Postgres |SQLAlchemy | Alembic | CSS | Git | Node.js | NPM | HTML / JSX | Heroku
- JavaScript (frontend)
- Python (backend)
To install mood on your local machine please clone the project repository.
1 ) git clone https://github.com/MatthewSatt/mood.git
2 ) cd into mood and cd into mood-project
cd mood-project/
3 ) Install dependencies
`pipenv install --dev -r dev-requirements.txt && pipenv install -r requirements.txt`
4 ) Create a .env file based on the example with proper settings for your development environment
5 ) Setup your PostgreSQL user, password, database, and make sure it matches your .env file
6 ) To setup the backend application...
enter the pipenv shell, migrate your database, seed your database, and run the flask application
• cd mood-project/
• pipenv shell to enter the pipenv shell
• flask db upgrade
• flask seed all
• flask run while in the shell and within the backend (mood-project/) directory under localhost:5000
7 ) To run the frontend react application...
• Change into the frontend directory mood-project/react-app/
• Run npm install to install all dependencies from the package.json within the frontend directory
• npm start within the frontend directory(mood-project/react-app) under localhost:3000
This project was developed by a single developer (Matthew Satterwhite).
- Design: mood was designed to be an interactive website that focuses on user experience and incorporates modern design elements. This functionality also gives the application a sleak design.
• I would like to include a profile page for each user where others can view the current users highest rated songs.
• Allows users to add a profile picture to their account.