https://github.com/thanhpt1110/rhythm-party-client

Website for Client to listen to music together
https://github.com/thanhpt1110/rhythm-party-client

context-api firebase-storage mongo-db node-js react-js tailwind-css

Last synced: 8 months ago
JSON representation

Website for Client to listen to music together

• Host: GitHub
• URL: https://github.com/thanhpt1110/rhythm-party-client
• Owner: thanhpt1110
• License: mit
• Created: 2023-10-30T03:01:21.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-04-13T04:18:55.000Z (over 1 year ago)
• Last Synced: 2025-02-13T14:38:36.625Z (9 months ago)
• Topics: context-api, firebase-storage, mongo-db, node-js, react-js, tailwind-css
• Language: JavaScript
• Homepage: https://rhythm-party.vercel.app
• Size: 1.67 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
#  Rhythm Party (Website for Client)

A website designed for music lovers, which allows users to upload their songs, join rooms to chat and listen to music together. This platform is built using the Client-Server architecture.

## Features

- Listen to music together.

- Upload your own songs.

- Comment to other's music.

- Create your playlist.

- Manage profile.

- Send reports/feedback to admin.

- And other engaging features.

## Requirement

- Runtime environment:

    - Node.js 20.10.0+.

    - MongoDB for database storage.

    - Firebase Storage for file storage.

    - Vercel for hosting.

- Development environment:

    - Node.js 20.10.0+.

    - React.js 18.2.0+ for frontend development.

    - Tailwind CSS for styling.

    - MongoDB for database storage.

    - Firebase Storage for file storage.

## Installation Guide

To install and run the project locally, follow these steps:

1. Clone this repo.

2. Run `npm install` to install the dependencies.

3. Run `npm start` to start the server.

## User Guide

You can simply click this [link](https://rhythm-party.vercel.app/) to get started.

## User Interface

![Home](./demo_ui/Home.png)

![Upload](./demo_ui/Upload.png)

![UploadedSong](./demo_ui/UploadedSong.png)

![SongPostComment](./demo_ui/Song%20post%20and%20comment.png)

![Room](./demo_ui/Room.jpg)

## Authors

[Lê Quốc Dũng](https://github.com/DungLe2983)

[Nguyễn Phúc Bình](https://github.com/leesoonduck3009)

[Phan Tuấn Thành](https://github.com/thanhpt1110)