GitXplorerGitXplorer
s

SpotLight

public
9 stars
12 forks
2 issues

Commits

List of commits on branch master.
Verified
3476f89f4ec2623b9588ed483095e3c1ecacc2a5

Merge pull request #37 from Tess-Vanta/logo

ssahilsaha7773 committed 3 years ago
Verified
607abac14a003bb998f7589c74aba081fc88721b

Merge pull request #35 from Tess-Vanta/songs

ssahilsaha7773 committed 3 years ago
Unverified
177594ea13c77353cd9dc7f026ddebaa2a8d82d3

Linked logo to home page

TTess-Vanta committed 3 years ago
Unverified
93d5da567b8306e983b5830225b9b83ef6260cf1

Enhanced top songs section

TTess-Vanta committed 3 years ago
Verified
1455697b7b62ee6e89b730a09c74ff87b66eee1e

Merge pull request #33 from Tess-Vanta/profile

ssahilsaha7773 committed 3 years ago
Unverified
054a20d2475b2d81bd5bf8e30b361c5a022e6465

PRofile page enhanced

TTess-Vanta committed 3 years ago

README

The README file for this repository.

SpotLight

SpotLight is a web app which uses spotify developer APIs and lists your most listened songs, albums, artists and genres.

Tech Stack

React NodeJS JavaScript Spotify

Setting Up

  • Fork the repo to your account.
  • Clone the repo to your local computer git clone <fork url>
  • Make sure Node js is installed on your machine (Node >= 14.0.0 and npm >= 5.6)
  • cd into the project directory and run npm install
  • Login or create an account at the Spotify Developers Dashboard.
  • Click on the Create an App button in the spotify developers dashboard. Fill the details and submit.
  • Note down the Client ID of the app just created.
  • Go to your app Edit Settings and add http://localhost:3000 as a redirect URI.
  • Create a file named .env.local at the project root directory with the following content:
REACT_APP_CLIENT_ID=<YOUR CLIENT ID>

Replace <YOUR CLIENT ID> with the one you got from the spotify console.

Folder Structure

├── src/
    ├── Pages/              Code for the pages
    ├── components/         UI Components
    ├── config/             API configs
    ├── styles/             CSS Files

Resources