Skip to content

Latest commit

History

History
75 lines (55 loc) 路 2.87 KB

README.md

File metadata and controls

75 lines (55 loc) 路 2.87 KB

馃幎 - 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/