Project Name: RITM 🎯

Basic Details

Team Name: Vidia

Team Members

• Member 1: Shilpa Santhosh Nair – Mar Athanasius College of Engineering, Kothamangalam

• Member 2: Dhia Shams - Mar Athanasius College of Engineering, Kothamangalam

• Member 3: Shakthi Sathish - Mar Athanasius College of Engineering, Kothamangalam

Project Description

This project is an interactive website for music lovers, providing live karaoke rooms, chord learning tools, and discussion forums. It offers a collaborative space where users can sing, learn, and engage with other music enthusiasts. The platform combines entertainment, education, and community in one seamless experience.

The Problem statement

Many music lovers struggle to find a single platform where they can sing, learn, and discuss music interactively. Existing platforms focus on either streaming, learning, or social networking but lack an integrated experience. This website aims to create a vibrant community with live karaoke rooms, interactive chord learning, and discussion forums for music enthusiasts.

The Solution

A dynamic, all-in-one platform designed for music enthusiasts to connect, learn, and perform. Users can join live karaoke rooms to sing along with their favorite tracks, access interactive chord charts and tutorials to master songs, and engage in vibrant discussions about music, lyrics, and techniques. The platform encourages community building through features like personalized user profiles, social sharing, and real-time feedback. Whether you're a beginner learning your first chord or a pro sharing your latest performance, this site creates an inclusive and fun environment for all music lovers to express their passion and improve their skills.

Technical Details

Technologies/Components Used

For Software:

• Languages used: HTML, CSS, Javascript

• Frameworks used:

React.js: For building the user interface and managing the state of the application Node.js: For the server-side logic and handling backend requests.

• Libraries used: Bootstrap • Tools used: Github, Figma

Implementation

For Software:

Frontend React.js

Features: Landing Page, User Authentication Page, Live Karaoke Room, Chord Learning Section, Discussion Forum

Backend Node.js

Features: User Management, Karaoke Room Management, Chord Learning Database, Discussion Forum API

Installation

Run

Project Documentation For Software:

Diagrams

Project Demo Video

[Add your demo video link here] present in repository Additional Demos [Add any extra demo materials/links]

Team Contributions

• Shilpa: Login page, API

• Dhia: LISTENING PAGE, BACKEND AND FRONTENDCODE

• Shakthi: UI/UX, Frontend code