Democratic music listening Platform. Things to learn (Tech Stacks) -
- Next.JS
- Next-Auth
- Tailwind & ShadCN
- Postgres + Prisma
- Schemas
- YouTube API / Spotify API
- Regex
- WebSockets: Not necessarily needed but can be added as a feature.
Steps & Architecture
- Initialize a Next.JS Project
- Add NextAuth for Authentication (Google, Credentials)
- Create the Schema for User, Space, ActiveStream, StreamHistory
- Create endpoints for lets
- a user create a space
- end users add stream
- end users upvote/cancel upvote on stream
- Lets everyone fetch the current stream (with their upvote)
- Create a WebSocket server where
- Users can subscribe to streams (updates on a certain room)
- Users get back an update whenever upvotes change
- Create the frontend
- Landing page
- Spaces page
- Individual space change