https://github.com/stefanoconsonni/spotify-profile

A web app for visualizing personalized Spotify data built with React, Express, and the Spotify API
https://github.com/stefanoconsonni/spotify-profile

css express nodejs react spotify-api styled-components

Last synced: 4 days ago
JSON representation

A web app for visualizing personalized Spotify data built with React, Express, and the Spotify API

• Host: GitHub
• URL: https://github.com/stefanoconsonni/spotify-profile
• Owner: StefanoConsonni
• Created: 2022-09-27T15:58:59.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-17T21:06:41.000Z (almost 2 years ago)
• Last Synced: 2023-03-10T11:56:04.000Z (over 1 year ago)
• Topics: css, express, nodejs, react, spotify-api, styled-components
• Language: JavaScript
• Homepage:
• Size: 2.68 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Spotify Profile

A web app for visualizing personalized Spotify data built with React, Express, and the Spotify API

Built with:

- [Spotify Web API](https://developer.spotify.com/documentation/web-api/)

- [Create React App](https://github.com/facebook/create-react-app)

- [Express](https://expressjs.com/)

- [Styled Components](https://www.styled-components.com/)

## Local Installation & Set Up

1. Register a Spotify App in your [Spotify Developer Dashboard](https://developer.spotify.com/dashboard/) and add `http://localhost:8888/callback` as a Redirect URI in the app settings

2. Create a `.env` file at the root of the project based on `.env.example` and add your unique `CLIENT_ID` and `CLIENT_SECRET` from the Spotify dashboard

3. Ensure [nvm](https://github.com/nvm-sh/nvm) and [npm](https://www.npmjs.com/) are installed globally

4. Install the correct version of Node

   ```shell

   nvm install

   ```

5. Install dependencies

   ```shell

   npm install

   ```

6. Run the React app on  and the Node server on 

   ```shell

   npm start

   ```