CSS475 - Team MPH

This repository is for the Music Library Project for CSS475.

Skypix

Skypix is a music library that allows users to create playlists, add songs to their library, and share their music with friends. Users can also follow other users and view their music libraries.

Technologies Used

Frontend

• SvelteKit
• TailwindCSS
• PostgreSQL
• Drizzle
• Lucia
• shadcn-svelte

Hosting

• Cloudinary
• Vercel

Package Manager

• Bun
• pnpm

APIs

• Spotify API

Misc

• Sendgrid
• PostHog

Languages

• TypeScript
• SQL
• HTML
• CSS
• JavaScript

Pre-requisites

• MacOS + Bun: Required to run the scripts in the scripts directory.

Install pnpm and bun

Follow the steps provided here to install pnpm and to install bun here.

Setting Environment Variables

Create a .env file in the root directory of the project. Add the following variables to the file (or reference the .env.example file):

POSTGRES_URL=''
POSTGRES_PRISMA_URL=''
POSTGRES_URL_NON_POOLING=''
POSTGRES_USER=''
POSTGRES_HOST=''
POSTGRES_PASSWORD=''
POSTGRES_DATABASE=''

EMAIL_API_KEY=''
GITHUB_CLIENT_ID=''
GITHUB_CLIENT_SECRET=''
SPOTIFY_CLIENT_ID=''
SPOTIFY_CLIENT_SECRET=''
CLOUDINARY_CLOUD_NAME=''
PUBLIC_CLOUDINARY_APP_ID=''
PUBLIC_CLOUDINARY_UPLOAD_PRESET=''

Developing

Once you've created a project and installed dependencies with pnpm install, start a development server:

pnpm run dev

# or start the server and open the app in a new browser tab
pnpm run dev -- --open

Building

To create a production version of your app:

pnpm run build

You can preview the production build with pnpm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Deployment

Landing Page Deployment: https://skpi.vercel.app/

Live deployment: https://skypix.vercel.app