Pray360

Pray360

Inspiration

• We often struggled to find accessible places to pray when not near a mosque
• This was especially common while traveling, on campus, or during long days out
• We wanted a community-driven way to discover reliable prayer spaces

What We Learned

• How to work with geospatial data and distance-based queries
• How to design map-based features that are intuitive and performant
• How to build a full-stack application with real user input
• The importance of usability, validation, and data accuracy

How We Built It

Features

For Non-Business Users

• Discover nearby mosques, prayer rooms, and community-verified prayer spaces
• Search addresses and sort results by proximity
• Pin new prayer locations directly on the map
• Rate and review locations to help others

For Business Owners

• Claim and manage a prayer space
• Set prayer capacity limits
• Create promotions to increase visibility

Tech Stack

Frontend

• React 18 with TypeScript
• Vite for fast development and builds
• MapTiler for interactive maps

Backend

• Node.js
• PostgreSQL with geospatial queries
• Docker for database containerization

Challenges

• Ensuring accurate and efficient location-based searches
• Validating user-submitted locations while keeping the platform open
• Balancing map performance with a smooth user experience

Future Improvements

• IOS/Andriod Mobile Application in addition to web app
• Promotions tab for users who utilize prayer spaces in certain businesses
• ID Verifcation for all business users
• See how far the closest prayer spot is from your current location

Built With

• css
• docker
• html
• maptiler
• node.js
• react.js
• sql
• typescript