jacobdmn / iTunes-Store

a simple itunes store.. -search songs , add to favorite, show favorite artists..

Home Page:https://itunes-store.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

iTunes Store

a simple store that fetchs data from iTunes API, and show statistics about most favorite songs, albums, and artists

before you check the website, make sure to activate CORS [read to the end]

2 Sections:

Header [1 Section]

  • NavBar

Content [3 Sections]

  • SearchBox
  • Favorite Music
  • Statistics

Features:

  • search songs
  • play music on click
  • love, buy buttons
  • a song component contains:
    • song icon
    • title
    • artist name
    • album name
    • add/remove > favorite
    • buy
  • show statistics of the most 5 favorite artists, with their albums and songs
  • if the user liked only one music from an album, it will be shown branched directly to the artist box
  • vis-network was used to show statistics
  • there is no local storage on refresh
  • CROS link is provided to be able to receive API data

Tech Stack:

- HTML5

- CSS3: SASS

- JAVASCRIPT: REACT, VIS Network


WILL BE INTEGRATED SOON:

+ API FROM SHOPIFY, YOUTUBE MUSIC

+ Redux

+ Firebase FOR USERS LOGIN

+ TypeScript

+ Affiliate links FROM APIs

...

PS: in the beginning, probably you need to allow the browser to receive data from API, just by clicking 'CLICK HERE TO ALLOW RESULTS', [just a quick solution for cors block]

About

a simple itunes store.. -search songs , add to favorite, show favorite artists..

https://itunes-store.netlify.app/


Languages

Language:JavaScript 69.3%Language:SCSS 28.6%Language:HTML 2.0%Language:Shell 0.1%