- Download the project and open a terminal on the source folder
- Run
nvm use 16.13
. You need to havenode version manager
installed. - Run
npm i
to install dependencies - Create a
.env.local
file in the base directory of the project and paste the following code:
NEXTAUTH_URL=http://localhost:3000
NEXT_PUBLIC_CLIENT_ID=5159cb37acf8461783fd321316eb9c41
NEXT_PUBLIC_CLIENT_SECRET=378d70b971fd412e826aad6de40b744a
JWT_SECRET=eyJhbGciOiJIUzI1NiJ9.eyJSb2xlIjoiQWRtaW4iLCJJc3N1ZXIiOiJJc3N1ZXIiLCJVc2VybmFtZSI6IkphdmFJblVzZSIsImV4cCI6MTY0MDAxMjI0NCwiaWF0IjoxNjQwMDEyMjQ0fQ.vaPFVpX3OKmtIyRnGEUuqPEfm5dTRJDyskQSX5ejbII
- Run the project using
npm run dev
. Make sure to be using port 3000, otherwise it will throw an invalid uri error
- Login screen
- Result screen
Integration with the Spotify API (https://developer.spotify.com/documentation/web-api/reference/#/).
- You have to be able to log in with Spotify.
- The result view should show a list with the user's top Artist and a list with the top Tracks.
- The track must be able to reproduce its preview (if available).
- Must be developed in
ReactJS
. - Must use
TypeScript
. NextJS
can be used.- Steps must be documented in order to test the application.
- Any
CSS
framework can be used in the mockup. - The mockup must be responsive.