Skip to content

GDG-on-Campus-KNU/4th-SC-Team-6-BE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

49 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Feelody Preview

🎡 Feelody - Feel your melody

Our service will be a bridge between silence and musical self-expression



🎢 Overview

Feelody is an assistive web service that helps hearing-impaired users enjoy music through visual and tactile feedback.

By converting pitch and rhythm into animated visuals and wrist vibrations, users can feel their own musical expression β€” in real time.

This tool bridges the gap between hearing and feeling, enabling true musical participation.



🌐 Theme

Innovate for Wellness

Feelody Preview

Create solutions that improve access to care and enhance patient outcomes.



🌈 Feelody Identity: Design & Emotion

Design Concept



Design Concept

⭐ Key Features

keyfeatures

  • Real-time Pitch & Rhythm Feedback
    Visualize your performance with a color-coded waveform and real-time metronome.

  • Mr. Feelody's Emotional Reactions
    16 expressive animations respond to your musical accuracy, providing motivation and fun.

  • Smartwatch Vibration Sync
    Feel the beat through synchronized wrist vibrations for better rhythm awareness.

  • Performance Replay & AI Scoring
    Replay your practice sessions and receive scores powered by Gemini AI.

  • Interactive Community Feedback
    Share your performances and receive encouragement through user comments.

πŸ› οΈ Architecture

IMG_6867

1. Code Push

Developers push code to the GitHub repository.

2. CI with GitHub Actions

GitHub Actions automatically build Docker images for the Spring Boot backend.

3. Push to Google Container Registry

The Docker images are pushed to GCP's Container Registry.

4. Backend Deployment to GKE

Images are deployed to a GKE (Google Kubernetes Engine) cluster.
Blue-Green deployment strategy is used to ensure smooth rollouts and zero downtime.

5. Database Connection

The Spring Boot backend connects to Cloud SQL (MySQL) for data management.

6. Frontend Deployment to Vercel

The React frontend is deployed separately via Vercel, providing fast and optimized delivery to end-users.



πŸ—‚οΈ ERD Diagram

IMG_6867



βš™οΈ Tech Stacks

Backend

Java Spring Boot Spring Data JPA WebSocket

Database

H2 Google Cloud Storage

CI/CD

JUnit 5 Jacoco

Infra / Deploy

GKE Docker Kustomize kubectl

Frontend & Build

React TypeScript Three.js Vite npm

Routing & Styling

React Router Tailwind CSS

HTTP Client

Axios

AI

Gemini API



Even without sound, music can be felt.

Typing SVG

πŸ‘₯ Team Members



πŸ‘‘μ§„ν˜„μ§€ 이창λͺ© κ³ λ™μˆ˜ μž₯μš°μ„

@Catsmanager
Frontend

@eelkom
Frontend

@kdongsu5509
Backend

@us4c0d3
Backend

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •