The project was created as part of the Sveltekit Hackathon and is intended to show examples of how to connect and process data as well as some practical examples of how to develop frontend components with tailwindcss. The project is open source and collaboration / further development is welcome.

Live Demo

# 1. clone this repository
git clone https://github.com/tguelcan/music.git

2. Register an application on spotify developer and get the client & secred keys

# 3. rename .env.example to .env and complete the variables with spotify client id and client secret
mv .env.example .env

# 4. run local
yarn && yarn dev

For vercel, you do not need any further configuration except to adjust the environment variables.

To deploy your app with another adapter, take a look adapter for your target environment.

• Adapter Vercel
• Spotify Developer

Colors
coolors

• css.gg icons
• Raleway Google font with unplugin-fonts for vite.
• TailwindCSS

• User authentication
• Search function ☑️