Darbuka

A Babadum.com clone

Credits

• Images forked from https:/rpaaron/chinese_babadum_trainer but all credit/rights due to http://babadum.com
• Slide in pop ups - https://codepen.io/Web_Cifar/pen/qBEvGrZ?editors=1000
• Turkiye, Azarbayjan, Pakistan & US flag - by Melvin ilham Oktaviansyah
• Palestine & UK flag by Ahmad Smadi
• Translate icon by Icons8
• Globe icon by Icons8
• Circled Menu icon by Icons8
• Home Page icon by Icons8
• Area Chart icon by Icons8
• Scoreboard icon by Icons8
• Sign Out icon by Icons8
• Autumn icon by Icons8
• Illustration by Icons 8 from Ouch!
• Font by Google Fonts

🔧 Setup 🔧

Before trying to run the server

Django

• add a file named .env in the root folder

• generate a secret key from here https://miniwebtool.com/django-secret-key-generator/

• create a variable like SECRET_KEY='replace_this_part_with_secret_key' in the .env file

• between Git Pulls do not forget to run pip install -r requirements.txt

• if new dependencies have been added run pip freeze > requirements.txt

TODOs

• Create homepage
• Add language links to bottom right
• colour background of cells a pastel colour
• randomise colours with page reload
• Use HTMX to submit answers as clicks
• auto load next question 2 seconds after answer is shown
• Animate number changes
• Create stats page
• Create high scores page
• Create attribution page
• Use gTTS to read each word!
• Arabic/Urdu words are currently not loading with correct unicode format. Fonts not displaying in those languages.