Skip to content

๐ŸŽถ - MySpotify - ๐ŸŽถ - An application that make using Spotify Web Api to fetch data and show all data necessary for this application how albums, tracks, releases, playlists and more.

Notifications You must be signed in to change notification settings

Wesley-wsl/MySpotify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽถ - MySpotify - ๐ŸŽถ

Demo ๐Ÿ“ธ


Application deploy with Vercel: ๐Ÿ’จ

https://my-spotify-one.vercel.app

Note: Unfortunately api spotify only allow that users authorized from developer access the application,then to test use the disponible account in page sigin.

๐Ÿ“– About the Project

MySpotify - An application that make using Spotify Web Api to fetch data and show all data necessary for this application how albums, tracks, releases, playlists and more. It's basically a Spotify Clone but with a new design.

๐Ÿ“— User Stories:

  • - Login in application with account from spotify
  • - View the optimal layout for the app depending on their device's screen size
  • - View albums recently played in your account from spotify
  • - View new album's releases
  • - View and listen songs that you liked
  • - View and listen your playlist, albums and artists
  • - View and listen top tracks, albums, singles and appears on from artist
  • - Search by artist, playlist and albums
  • - Toggle the color scheme between light and dark mode
  • - Keep light/dark mode, even after refreshing the browser.
  • - Logout your account

๐Ÿ›  Technologies

  • Next.js
  • Next-Auth
  • Typescript
  • Styled-components
  • Axios
  • SWR
  • Nookies
  • Nextjs-progressbar
  • react-h5-audio-player
  • React Testing Library
  • Jest
  • Next-PWA
  • Eslint
  • Prettier
  • EditorConfig
  • ๐Ÿ’ป How to run the application

    Pre-requisites:

    You must have the tools installed: Git, Node.js. And create a new file called: .env.local, that follow .env.example credentials example for connect with a api or execute backend this application.

    # In the terminal, clone the project:
    $ git clone https://github.com/Wesley-wsl/MySpotify.git
    
    # Enter the project folder:
    $ cd MySpotify
    
    # Install dependencies:
    $ yarn
    or
    $ npm install
    
    # Run the application:
    $ yarn dev
    or
    $ npm run dev
    

    Okay, now you can access the application from the route: https://localhost:3000/

    About

    ๐ŸŽถ - MySpotify - ๐ŸŽถ - An application that make using Spotify Web Api to fetch data and show all data necessary for this application how albums, tracks, releases, playlists and more.

    Topics

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published

    Languages