https://github.com/nicoburniske/muse-frontend

A place for music lovers to create interactive and collaborative reviews for music on Spotify
https://github.com/nicoburniske/muse-frontend

Last synced: 9 days ago
JSON representation

A place for music lovers to create interactive and collaborative reviews for music on Spotify

• Host: GitHub
• URL: https://github.com/nicoburniske/muse-frontend
• Owner: nicoburniske
• License: gpl-3.0
• Created: 2022-06-27T00:54:13.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-06-18T16:43:16.000Z (over 1 year ago)
• Last Synced: 2024-10-11T22:26:12.384Z (26 days ago)
• Language: TypeScript
• Homepage: https://www.muselabs.xyz
• Size: 3.76 MB
• Stars: 33
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Muse



A place for music lovers to create interactive and collaborative reviews for music on Spotify.

> Backend Code is available here https://github.com/nicoburniske/muse.

> Currently in Open Beta.

## Intro

Have you ever made someone, or collaborated with someone on, a playlist? Have you every wanted to share your thoughts on a new album with your friends?

Muse was made to fill the gap between peoples thoughts, their friends, and the music that they enjoy.

## Capabilities

-  Integrated Spotify Player in Browser using [Spotify Web Playback SDK](https://developer.spotify.com/documentation/web-playback-sdk/)

-  Create reviews on Albums and Playlists.

-  Share review with other Muse users. Can be edit or view only access.

-  Comment on individual tracks in Reviews.

-  New/Modified/Deleted comments are rendered instantly through GraphQL Subscription events.

-  Responsive Design with Tailwind.

-  Variety of Themes supported!

## Technologies

-  [Tanstack Query](https://github.com/tanstack/query) + [Jotai](https://github.com/pmndrs/jotai) for state management.

   -  This combo has quickly become a personal favorite.

-  [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) for Styling.

-  [shadcn/ui](https://github.com/shadcn/ui) for styled accessible components (all with Tailwind).

-  [Headless UI](https://github.com/tailwindlabs/headlessui) and [RadixUI](https://github.com/radix-ui/primitives) for accessible components.

-  [Tanstack Virtual](https://github.com/tanstack/virtual) for performant virtualized lists.

-  [React DnD](https://github.com/react-dnd/react-dnd) for Drag and Drop capabilities.

-  [React Hook Form](https://github.com/react-hook-form/react-hook-form) + [zod](https://github.com/colinhacks/zod) for forms + validation

-  [React Router](https://github.com/remix-run/react-router) for Routing.

### Comment Capabilities



-  Support markdown.

-  Support interactive timestamps

   -  Clicking on timestamps will play the given track at the timestamp on your current Spotify Session

-  Comments support replies.

-  Comments can be re-ordered.