https://github.com/lionbytes/qi

A simple JAMstack web app that helps a Muslim track missed daily prayers using input steppers.
https://github.com/lionbytes/qi

calculator counter counters days firebase islam islamic jamstack javascript muslim prayer prayer-times prayers stepper tracker weeks years

Last synced: 25 days ago
JSON representation

A simple JAMstack web app that helps a Muslim track missed daily prayers using input steppers.

• Host: GitHub
• URL: https://github.com/lionbytes/qi
• Owner: lionbytes
• Created: 2023-08-13T16:25:08.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-29T12:45:15.000Z (about 1 year ago)
• Last Synced: 2024-09-29T14:01:35.372Z (about 1 month ago)
• Topics: calculator, counter, counters, days, firebase, islam, islamic, jamstack, javascript, muslim, prayer, prayer-times, prayers, stepper, tracker, weeks, years
• Language: HTML
• Homepage: https://lionbytes.net/qi-demo/
• Size: 2.04 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



  



# Qi قِ  

  

A simple JAMstack web app that helps a Muslim track missed daily prayers using input steppers.  

For the app to work, you need to add your own Firebase config file to the root folder.  

  

### Waterfall Calculator  

The calculation of prayers follows the concept of summation through accumulation; whereas   incrementing one prayer (e.g. Ishaa) can have a chain reaction of increments throughout other larger counters (i.e. days, weeks, and years) depending on status of all counters at the time the increment occurs.

### Demo Link

https://lionbytes.net/qi-demo/

### Desktop Screenshot



  



### Technologies Used

* HTML5

* CSS3

* JavaScript

* Bootstrap 4.x

* Firebase 8.x

### Branding Colors

* #d02a3c (Red)

* #ec6b45 (Orange)

* #d9aa62 (Yellow)

* #38537b (Blue)

* #131d28 (Dark Blue)

### Used Images

Background:

* https://www.toptal.com/designers/subtlepatterns/funky-lines/

Footer

* https://www.freepik.com/free-vector/topographic-map-background_9009325.htm#query=topographic%20lines%20stars&position=5&from_view=search&track=ais

* https://www.freepik.com/free-photo/starry-night-sky_7061153.htm#query=stars%20backgroud&position=0&from_view=search&track=ais