Skip to content

Latest commit

ย 

History

191 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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

    5 stars

    Watchers

    1 watching

    Forks

    Releases

    Packages

    Contributors

    Languages