{"id":23032289,"url":"https://github.com/michaelfromyeg/rapviz","last_synced_at":"2025-08-14T15:32:33.717Z","repository":{"id":53809068,"uuid":"245591643","full_name":"michaelfromyeg/rapviz","owner":"michaelfromyeg","description":"🔥🎤 See your bars broken down right in the browser. Powered by Spotify, Genius, and Railway.","archived":false,"fork":false,"pushed_at":"2024-05-06T21:34:52.000Z","size":2676,"stargazers_count":6,"open_issues_count":12,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-05-12T06:41:55.927Z","etag":null,"topics":["flask","gcp","genius","hip-hop","rap","react","rhymes"],"latest_commit_sha":null,"homepage":"http://rapviz.michaeldemar.co/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/michaelfromyeg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-03-07T08:00:21.000Z","updated_at":"2024-05-12T06:41:55.928Z","dependencies_parsed_at":"2024-04-20T19:44:52.343Z","dependency_job_id":null,"html_url":"https://github.com/michaelfromyeg/rapviz","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelfromyeg%2Frapviz","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelfromyeg%2Frapviz/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelfromyeg%2Frapviz/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelfromyeg%2Frapviz/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/michaelfromyeg","download_url":"https://codeload.github.com/michaelfromyeg/rapviz/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229841505,"owners_count":18132565,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flask","gcp","genius","hip-hop","rap","react","rhymes"],"created_at":"2024-12-15T15:51:49.812Z","updated_at":"2024-12-15T15:51:50.258Z","avatar_url":"https://github.com/michaelfromyeg.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# rapviz 🔥\n\n_Visualize your bars right in the browser!_\n\n- [rapviz 🔥](#rapviz-)\n  - [About](#about)\n  - [Usage](#usage)\n    - [Client](#client)\n    - [Server](#server)\n  - [See more](#see-more)\n\n## About\n\nThis project was inspired by one of my favourite YouTube trends, the \"rap visualizer\" video. Take a look a Genius' [Check The Rhyme](https://youtube.com/watch?v=1VNHp_flJKE) or [Vox's Rap Deconstructed](https://youtube.com/watch?v=QWveXdj6oZU) as examples. We thought we could leverage NLP, a couple of free APIs, and some basic React to create a website that generates these kinds of 'highlighted' rhymes. Introducing: `rapviz`!\n\nThe app consists of a Flask REST server. This API interfaces with Genuis, and does a bit of work to produce a rhyme response the frontend understands. The frontend allows the user to connect to Spotify and detects what song they're currently listening to. It then visualizes the rhymes. Deployment is done via Railway.\n\n## Usage\n\nHead to `\u003cURL\u003e` to try it out!\n\nTo run the app locally, see the below instructions for the client and server code.\n\n### Client\n\nThe client is written in React, and uses `create-react-app`. Its dependencies are as follows.\n\n- `node`, `\u003e=v18.16.0`\n- `npm`, `\u003e=v9.5.1`\n- `yarn` (preferred over `npm`), `\u003e=v1.22.19`\n- (optional) `nvm`, `\u003e=v0.39.2`\n\nTo get setup, run the following commands.\n\n```plaintext\n$ cd client\n\u003e (now at **/rapviz/client)\n\n$ yarn\n\u003e yarn install v1.22.19\n\u003e ...\n\n$ yarn start\n\u003e yarn run v1.22.19\n\u003e ...\n\u003e\n```\n\n### Server\n\nThe server is a simple Flask app. Its dependencies are as follows.\n\n- `python@3.11`, `\u003e=3.11.4`\n\nTo get setup, run the following commands.\n\n```plaintext\n$ cd server\n\u003e (now at **/rapviz/server)\n\n$ python3 -m venv env\n\u003e (creates a virtual environment called `env`)\n\n$ source env/bin/activate\n\u003e (activates said enviornment)\n\n$ which pip\n\u003e $HOME/rapviz/server/env/bin/pip\n\n$ pip install -r requirements.txt\n\u003e (install the dependencies)\n\n$ python -m main.py\n\u003e (run the server)\n```\n\n## See more\n\n- [The original DevPost submission](https://devpost.com/software/rapviz-breakdown-your-favourite-lyricist-s-rhyme-schemes)\n- [Project write-up](https://michaeldemar.co/projects/rapviz)\n- [Try it out](https://example.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelfromyeg%2Frapviz","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmichaelfromyeg%2Frapviz","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelfromyeg%2Frapviz/lists"}