kgao144 / spotify_clone

Attempt at Spotify Clone

Spotify Clone

A fullstack web application employing nextjs, supabase & more.
This project will be replicating the Spotify web application.
I plan to incorporate additonal features for personal interest & experience.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

spotify_clone's Issues

Providers & Auth

Wrapping main content within providers to check for user

Main Content functionality

Add visual effects & buttons for navigation on main content components.

Side/Nav Bar functionality

Add functionality to sidebar components.

Database Management

Need to update database with songs & respective image covers.

• add profile database features after default clone is complete.

Database Creation

Create database using Supabase.

• Free option

Profile Feature

• Include a profile section within the sidebar element
• include the sign-up and login tabs

once logged in profile section will show

• image section, profile image that has a opaque background
• status/description section, when hover over status will enlarge status
• redirect to profile page when clicked on