https://github.com/funmilolajire/jammmingv2

A web application built on spotify's web api.
https://github.com/funmilolajire/jammmingv2

enzyme jest react spotify-library spotify-web-api tdd-javascript

Last synced: 3 months ago
JSON representation

A web application built on spotify's web api.

• Host: GitHub
• URL: https://github.com/funmilolajire/jammmingv2
• Owner: funmilolajire
• Created: 2020-12-01T18:51:57.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-12-01T20:46:57.000Z (over 4 years ago)
• Last Synced: 2025-02-02T01:43:26.032Z (5 months ago)
• Topics: enzyme, jest, react, spotify-library, spotify-web-api, tdd-javascript
• Language: JavaScript
• Homepage: https://jammmingv2.netlify.app
• Size: 9.74 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Jammming  

> A website that allows users to search the Spotify library, create a custom playlist, then save it to their Spotify account.

## Table of contents  

  - [General info](#general-info)

  - [Screenshots](#screenshots)

  - [Technologies](#technologies)

  - [Setup](#setup)

  - [Features](#features)

  - [Status](#status)

  - [Inspiration](#inspiration)

  - [Contact](#contact)

## General info  

 A website that allows users to search the Spotify library, create a custom playlist, then save it to their Spotify account. A remake of a previous project written using class components, did this remake to practice using functional components, hooks, testing using jest and enzyme, writing code with accessibility in mind and writing a good README document.

## Screenshots  

![Load Website](./public/screenshots/onload.png)

![Results from Search](./public/screenshots/onSearch.png)

![Create a new playlist and add tracks from search results](./public/screenshots/createplaylist.png)

![Save Playlist](./public/screenshots/onsave.png)

![Saved Playlist On Spotify](./public/screenshots/savedplaylist.png)

## Technologies  

- "@testing-library/jest-dom": "^5.11.4"  

- "@testing-library/react": "^11.1.0"

- "@testing-library/user-event": "^12.1.10"

- "base64-arraybuffer": "^0.2.0"

- "crypto-random-string": "^3.3.0"

- "react": "^17.0.1"

- "react-dom": "^17.0.1"

- "react-router-dom": "^5.2.0"

- "react-scripts": "4.0.1"

- "web-vitals": "^0.2.4"

- "@wojtekmaj/enzyme-adapter-react-17": "^0.3.1"

- "enzyme": "^3.11.0"

- "enzyme-adapter-react-16": "^1.15.5"

- "react-test-renderer": "^17.0.1"

## Setup  

Visit [Jammming](https://www.jammmingv2.netlify.app) in your browser.

## Features  

- Search Spotify Music Library

- Listen to Audio Preview Samples of Songs

- Create A New Playlist, Add Tracks to it and Save to your Spotify Playlists

## Status  

Project is: _finished_

## Inspiration  

This project was inspired by codecademy's full stack developer path, a practice project to test react, http requests, javascript, html and css skills.

## Contact  

Created by [@funmilolajire](mailto:[email protected]) - feel free to contact me!