https://github.com/swayam25/rythmify

Amplify your moments
https://github.com/swayam25/rythmify

javascript music-player svelte web-music-player

Last synced: 29 days ago
JSON representation

Amplify your moments

• Host: GitHub
• URL: https://github.com/swayam25/rythmify
• Owner: swayam25
• License: gpl-3.0
• Created: 2024-08-11T10:03:07.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-06T14:39:33.000Z (about 1 month ago)
• Last Synced: 2024-10-10T12:05:24.231Z (29 days ago)
• Topics: javascript, music-player, svelte, web-music-player
• Language: Svelte
• Homepage:
• Size: 2.32 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


![Rythmify](./assets/rythmify.png)

Amplify your moments



## 🎬 Preview

- **Main Page**

    ![Main Page](./assets/main.png)

- **Queue**

    ![Queue](./assets/queue.png)

- **Playlist**

    ![Playlist Page](./assets/playlist.png)

## 📚️ Documentation

Get full documentation of internal workings [here](../../wiki)

## 🚀 Installation

1. Clone this repository

    ```sh

    git clone https://github.com/swayam25/Rythmify rythmify

    cd rythmify

    ```

2. Install dependencies

    - Backend

        ```sh

        cd server

        python -m venv .venv

        source .venv/bin/activate

        pip install -r requirements.txt

        ```

    - Frontend

        ```sh

        cd client

        npm i

        ```

3. Configure the [`config.json`](./config.json) file

    

    Configuration

    - `discord`

        - `client_id`: Discord OAuth2 Client ID

        - `client_secret`: Discord OAuth2 Client Secret

    - `server`: Backend server url

    - `client`: Frontend client url

    

4. Copy the `Client ID` and `Client Secret` from the Discord Developer Portal and paste them into the `client_id` and `client_secret` fields, respectively, in the [`config.json`](./config.json) file

    ![Discord Client Information](./assets/discord_client_info.png)

5. Add `http://localhost:2501/auth/callback` to the Discord OAuth2 Redirect URIs

    ![Discord OAuth2 Redirect URIs](./assets/discord_redirect.png)

6. Start the app

    - Backend

        ```sh

        cd server

        source .venv/bin/activate

        python -m uvicorn main:app --host localhost --port 2501

        ```

    - Frontend

        ```sh

        cd client

        npm run dev -- --host --port 2500

        ```

7. URLs

    - Backend: `http://localhost:2501`

    - Frontend: `http://localhost:2500`