https://github.com/lucasmsa/muse-ai

Next.js, Tailwind, Zustand application to filter songs
https://github.com/lucasmsa/muse-ai

nextjs tailwindcss zustand

Last synced: about 1 month ago
JSON representation

Next.js, Tailwind, Zustand application to filter songs

• Host: GitHub
• URL: https://github.com/lucasmsa/muse-ai
• Owner: lucasmsa
• Created: 2024-08-12T04:36:43.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-13T14:51:53.000Z (5 months ago)
• Last Synced: 2024-10-16T18:57:57.642Z (3 months ago)
• Topics: nextjs, tailwindcss, zustand
• Language: TypeScript
• Homepage: https://muse-ai-five.vercel.app/home
• Size: 7.61 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🎶 Muse.ai Application

- Next.js app to sort, search, favorite songs and play them!

## Main technologies used

- Docker

- Zustand

- Radix-ui

- TailwindCSS

- Framer-motion

- react-h5-audio-player

- Typescript, ESLint, Prettier

## Functionalities

- [x] User is able to favorite songs

- [x] User can play the song on the internal page

- [x] Favorited songs are persisted on local storage

- [x] Search field should display suggestions while typing

- [x] User can sort songs alphabetically on the main screen

- [x] User can filter and display only favorite songs on the main page

## How to run it

- Clone the repository `git clone https://github.com/lucasmsa/muse-ai.git`

- Change to the repository folder `cd muse-ai`

### Native

- Install the dependencies `yarn`

- You can then run `yarn dev`

### Docker

- Run `docker-compose up --build`