SunPray banner

SunPray

2 devlogs
4h 11m 7s

A Muslim prayer time calculating website! To celebrate the last 10 days of Ramadan, I figured I could get this project off my list! Muslims use the sun to calculate the times so what better use of free will is there than to name this SunPray

Repository

Loading README...

meeran2resource

Hello! Here’s the last progress:

◦ I created the second part of the website for the calculation method user input and the div for the details

◦ I worked with geolocator for the first time to get the latitude and longitude of the user, along with an error function.

◦ I’m currently trying to get reverse geolocation to work using third party API’s

I need to:
◦Create the divs and design them for the prayer times
◦ Design the mobile version
◦ Get the details div complete with the address, time zone, date, calculation method ect..
◦ Have fun!

Keeping you updated
Love,
Meeran

Attachment
0
meeran2resource

Hello, hello! It’s been 2 days already ;)

Anyways, here’s progress:

I designed the 2 pages for the website (Desktop Mode), and just finished coding the welcome one.
I struggled a little with the alignments and all but the clock was surprisingly easy to implement! This one was actually more fun than expected.

Next up:

  • I’ll be making the second page: consisting of a selector for the method the user chooses, and a bunch of information like location, calculation time chosen, date, and time zone. Can’t forget the actual prayer times though!
  • I need to create the logic for retrieving the data from AthanApi to get the prayer times, and make sure it’s calculated with the calculation method the user chooses.
  • I’m making mobile version of this, so I’ll be designing and coding a mobile-friendly layout too.

See you soon
Love,
Meeran

Attachment
0