Lyriclicking

Lyric writing tool and private social platform for vocalists

Coded by Evert Rot

This is a work in progress and at this moment far from finished.

Deployed preview version:

• Lyric Licking
  • Running on Ubuntu server on a Raspberry pi4 with gunicorn and nginx

Project purpose

Lyric licking, referring to a lick from a guitarist, is designed to provide a private workspace for vocalists to write lyrics together for a music track and have a discussion about each line.

Features

• Display of the track as a waveform

• Control section with audio controls

• Switching Play/pause button

• Stop button

• Skip back/forward with adjustable range from 1ms to 100000 ms

  • In lyric edit these are used to finetune the startposition of the lyric

• Lyric scolling, so you can see what the next lyric is gonna be

• Prominent display of the current lyric

• Add a line to a lyric

• Edit a lyric's position

• Edit a lyric's text

Features to be implemented before release

• Set lyric endpoint
• Delete Lyric

Data structure

### lyric (json)
{ 1: {
    'line': '<Lyric text>,
    'user': <pk>,
    'date': <date>, 
}}

Technologies Used

• VSCode
  • Code Editor
• Git bash
  • Version control from windows
• Python 3.8.1
  • Program language
• wavesurferJS
  • Displaying audio waveform
• Django 3.0.7
  • Web framework
• Bootstrap 4.4.1
  • Grid layout, navigation bar & card columns
• Jquery 3.4.1
  • DOM manipulation
• Font awesome 5.13.0
  • Icon library
• Dj-database-url
  • Parse django database urls
• psycopg2
  • Connnect to progresql database
• Gunicorn
  • Run django app on Heroku server
• Django secret key generator
  • Generate secret key
• Autoprefixer
  • CSS prefixes for different browsers
• Online-convert
  • Convert jpg image to ico for favicon
• SQL database diagram
  • Draw SQL database design

Credits

• Update postgres database without refreshing the page
  • https://realpython.com/django-and-ajax-form-submissions/