SvelteKit Music App Example

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

Develope

# 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

Deploy

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.

Parts used

Toolchains

• Adapter Vercel
• Spotify Developer

Design

Colors
coolors

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

Upcoming

• User authentication
• Search function ☑️