Beats 4 Devs

An application consisting of a niche selection of music
Explore the docs »
Visit the Deployed Site »

Table of Contents

1. About The Project
   • Built With
2. Setup
3. Installation
4. Usage
5. Notes
6. Roadmap
7. Acknowledgments
8. Contact

About The Project

This is a web application built to provide a particular selection of music to facilitate focus while at work. It was created for the Turing School of Software and Design's Module 3 final showcase project. The goal was to apply the new technologies learned and work within constraints to deliver a product for a niche audience, which helps solve a unique problem.

The project specs can be found here

Built With

• 
• 
• 
• 
• 
• 
• 
• 
• 

(back to top)

Setup

• Visit Deployed Site
• Link to Back End

(back to top)

Installation

1. Clone down both repos, adding them to separate directories:

git clone git@github.com:alinix1/showcase-project-api.git

git clone git@github.com:alinix1/showcase-project-fe.git

2. For front-end repository: Install NPM packages

npm i or npm install
npm start

For API repository: Install NPM packages

npm i or npm install
node server.js

Usage

(back to top)

Notes

I was responsible for applying previous concepts and leveraging past projects to create a full-stack application, including an Express.js server, and deployed using Heroku. I completed the project in less than a week. It was rewarding to be able to apply the learned technologies in this mod 🎉

Feature Overview

• React framework
• React Router
• Redux
• Express.js server
• Testing with Cypress
• Typechecking with PropTypes
• Deployment on Vercel and Heroku

Wins:

• Getting more comfortable with using Router and conditional rendering
• Completing this project in a short amount of time!
• Refactored using Redux for global state management with help

Challenges:

• Ternary operators and conditional logic for the toggle heart functionality

(back to top)

Roadmap

• Refactor using Hooks
• Use Spotify API to allow a user to play the selected song card
• Add more songs

Acknowledgments

Used the following resources during the project:

• 
• 

Contact

Ali Nix |

(back to top)