bchiang7 / Spotify Profile
A web app for visualizing personalized Spotify data built with React, Express, and the Spotify API
Stars: ✭ 254
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Spotify Profile
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (-53.94%)
Mutual labels: express, styled-components
Nextjs Redux Starter
Next.js + Redux + styled-components + Express = 😇
Stars: ✭ 257 (+1.18%)
Mutual labels: express, styled-components
React Hipstaplate
A ReactJS full-stack boilerplate based on typescript with ssr, custom apollo-server and huge stack of modern utilities which will help you to start your own project
Stars: ✭ 74 (-70.87%)
Mutual labels: express, styled-components
2019 12
🎟 급증하는 트래픽에도 안정적인 예약 서비스, Atomic Pattern을 적용한 재사용 가능한 컴포넌트, 실용적인 Testing을 주제로 하는 이벤트 서비스
Stars: ✭ 169 (-33.46%)
Mutual labels: express, styled-components
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (-54.33%)
Mutual labels: express, styled-components
Next Go
Production ready blog + boilerplate for Next.js 3.X
Stars: ✭ 254 (+0%)
Mutual labels: express, styled-components
ModernWpf
Modern styles and controls for your WPF applications without need WinRT
Stars: ✭ 65 (-74.41%)
Mutual labels: styled-components
personal-website-react
A personal website built using Gatsby 🚀⚛️
Stars: ✭ 43 (-83.07%)
Mutual labels: styled-components
currency-converter
💰 Easily convert between 32 currencies
Stars: ✭ 16 (-93.7%)
Mutual labels: styled-components
react-native-css-in-js-benchmarks
CSS in JS Benchmarks for React Native
Stars: ✭ 46 (-81.89%)
Mutual labels: styled-components
frigobar
A simple set of UI tools for your react application.
Stars: ✭ 13 (-94.88%)
Mutual labels: styled-components
book-manager
A simple personal library management application.
Stars: ✭ 48 (-81.1%)
Mutual labels: styled-components
hls-downloader
Web Extension for sniffing and downloading HTTP Live streams (HLS)
Stars: ✭ 834 (+228.35%)
Mutual labels: styled-components
eleventy-react
Use React components in Eleventy.
Stars: ✭ 66 (-74.02%)
Mutual labels: styled-components
SauceKudasai
Get Anime info by image or URL (uses trace.moe and Anilist for animeinfo)
Stars: ✭ 50 (-80.31%)
Mutual labels: styled-components
styled-system-figma
Generate theme.js from Figma file
Stars: ✭ 26 (-89.76%)
Mutual labels: styled-components
Spotify Profile
A web app for visualizing personalized Spotify data
Built with a bunch of things, but to name a few:
Setup
-
Register a Spotify App and add
http://localhost:8888/callback
as a Redirect URI in the app settings - Create an
.env
file in the root of the project based on.env.example
nvm use
yarn && yarn client:install
yarn dev
Deploying to Heroku
-
Create new heroku app
heroku create app-name
-
Set Heroku environment variables
heroku config:set CLIENT_ID=XXXXX heroku config:set CLIENT_SECRET=XXXXX heroku config:set REDIRECT_URI=https://app-name.herokuapp.com/callback heroku config:set FRONTEND_URI=https://app-name.herokuapp.com
-
Push to Heroku
git push heroku master
-
Add
http://app-name.herokuapp.com/callback
as a Redirect URI in the spotify application settings -
Once the app is live on Heroku, hitting http://app-name.herokuapp.com/login should be the same as hitting http://localhost:8888/login
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].