
Completed
Posted
Paid on delivery
Project Description: I am building an Islamic AI web + mobile application multilingual languages (HalalyAI) using FastAPI (backend) and React (frontend). I need a developer to build a Prayer Time UI module (frontend). This is Phase 1. Future work will be given for Phase 2. --- Phase 1 (Current Work – Required) 1. Prayer Time UI (React) - Display 5 daily prayers (Fajr, Dhuhr, Asr, Maghrib, Isha) - Clean card-style UI (modern design) - Islamic theme (green style preferred) 2. Auto Location Detection - Use browser GPS ([login to view URL]) - Fetch prayer times using latitude & longitude (API integration optional) 3. Features - “Play Adhan” button - “Stop Audio” button - Toggle: Enable/Disable short alert (“Allahu Akbar”) - Popup message at prayer time (e.g., “It is now Maghrib time”) 4. Mobile-Friendly UI - Fully responsive design - Touch-friendly buttons - Must work on mobile browsers - Prepared for Capacitor (future mobile app conversion) --- Phase 2 (Future Work – Optional / Separate Payment) - Manual location selection - Country / City dropdown or search - Save user preferred location - Better UI improvements --- Important Notes - Backend is already available (FastAPI) - This is NOT a full app - Do NOT rebuild in Flutter or native - Only React frontend work required --- Deliverables - React component (Prayer Time module) - Clean UI card design - Working buttons (Adhan, Stop, Toggle) - Basic logic (popup + timer) - Mobile responsive layout --- Budget ₹5,000 – ₹10,000 INR (Phase 1) --- Timeline 2–4 days --- Please Share - Previous React UI work - Mobile responsive examples - Timeline & cost --- Note: If Phase 1 is successful, I will continue Phase 2 and other modules (Qibla, Quran, etc.)
Project ID: 40375499
69 proposals
Remote project
Active 6 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

Hi there, I’ve read your Phase 1 requirements for the Prayer Time UI module in HalalyAI and I’m confident I can deliver a clean, modern React component that’s ready for Capacitor and mobile-first use. With solid experience building responsive React UIs and integrating geolocation-based features, I’ll implement a card-style Prayer Time display (Fajr, Dhuhr, Asr, Maghrib, Isha) in a green Islamic theme, plus auto-location via [login to view URL] and API calls for times when needed. The UI will include a Play Adhan button, Stop Audio button, a toggle for a short alert, and a popup message at prayer times. I’ll ensure touch-friendly controls, a mobile-responsive layout, and clean separation as a React component ready to slot into your FastAPI backend workflow. Here's the plan: - Build a reusable PrayerTimeCard React component with props for times, location, and alert toggle - Implement geolocation-based fetching of times, with graceful fallback if permissions are denied - Add Adhan/Stop controls wired to audio playback, with a timer-based popup at each prayer time - Ensure responsive styling with a green Islamic theme and clean card UI, optimized for mobile browsers and ready for Capacitor - Deliver a polished, self-contained component with minimal dependencies and clear props for Phase 2 enhancements I’ve shared an initial estimate based on your description, and once we go over a few technical or functional details, I’ll confirm the exact cost and delivery schedule. What is
₹5,550 INR in 1 day
8.1
8.1
69 freelancers are bidding on average ₹5,848 INR for this job

Hello there, I am excited about the opportunity to work on your project developing the Prayer Time UI module for your Islamic AI web and mobile application, HalalyAI, using FastAPI for the backend and React for the frontend. In Phase 1, I will ensure the clean card-style UI design, auto location detection using browser GPS, and implementation of key features like "Play Adhan" and "Stop Audio" buttons, along with mobile-friendly responsiveness. Looking forward to discussing further details and potential future collaboration for Phase 2 enhancements. Regards, Yogesh Kumar
₹3,120 INR in 8 days
8.4
8.4

HI I will develop a clean, modern, and mobile-responsive Prayer Time UI module for your HalalyAI platform using React. For Phase 1, I will implement a card-style interface for all five daily prayers, integrate browser GPS for automatic location detection, and include functional "Play Adhan" and "Stop" buttons, ensuring the module is production-ready and compatible with future Capacitor mobile conversion. Tejal
₹5,000 INR in 7 days
7.4
7.4

! My name is Kaya , I’m confident I’ll be a great fit for your project "Project Title: React UI Developer – Prayer Time Module (Phase 1 + Future Upgrade)" Please see below my portfolio links for the experience and customer review: https://www.freelancer.in/u/KayaCreation I have 11 years of graphics design experience, I do all type of graphics work, will provide *4 initial drafts *Final files as a vector, transparent png, jpg, pdf, etc. *Provide editable files *No templates or copies from other sources *Excellent communication I look forward to hearing from you, Thank you Kaya
₹4,999 INR in 1 day
6.4
6.4

With over a decade of experience in full-stack development, I am the React UI specialist you need for your Prayer Time Module. My previous projects speak for themselves in terms of quality and timeliness, something I intend to keep delivering for your application as well. Not only am I skilled in React.js, but my HTML5 and JavaScript expertise will also help ensure a smooth, interactive and user-friendly UI experience. On top of my technical skills and abundant experience, my approach includes scalability and long-term support. Phase 1 is not just an isolated task; it's the first step towards building a holistic application for HalalyAI. If you choose me now, you can be assured that this partnership doesn't end here – we have Phase 2 awaiting us and more modular work like Qibla, Quran etc., if things go well.
₹9,999 INR in 7 days
6.4
6.4

Hi there, I’ve reviewed your project and would be happy to help. With 5+ years of experience in ReactJS, I build fast, responsive, and scalable web applications with clean, maintainable code. You’ll get smooth UI, efficient state management, and timely delivery — all tailored to your needs. Let’s connect and get started! Best, Bhargav ReactJS Developer | 5+ Years Experience
₹5,000 INR in 7 days
5.7
5.7

Hi, I would like to grab this opportunity and will work till you get 100% satisfied with my work. I just applied after read your job posting carefully and I believe that I am good fit to your project. I'm a serious bidder. I will satisfy you with my high skills! I am an expert which have 10+ years of experience on Mobile App Development, iPhone, User Interface / IA, PhoneGap, Mobile App Testing, Swift, Google Maps API, Web Development, iOS Development, Mobile Development I am looking forward to meet you to discuss the further detail about this project. Looking forward to hearing from you. Warm Regards
₹10,000 INR in 3 days
5.0
5.0

I've reviewed the requirements for HalalyAI. Since I specialize in React and UI/UX design, I can create a very clean, minimalist, and modern Islamic-themed UI for the Prayer Time module. My quote for Phase 1 is ₹8,000 INR. Why choose me? I have experience with Browser Geolocation and API integration. I focus on Mobile-responsive layouts (perfect for your future Capacitor conversion). I can deliver this within 3 days. I've worked on similar dashboard/card-style UI projects before. Looking forward to Phase 2 as well (Qibla, Quran modules)."* Thanks Archna Sharma
₹8,000 INR in 3 days
4.2
4.2

As-Salaam-Alaykum! I'm Muhammad, a devout Muslim and experienced React UI Developer with a keen focus on building clean, modern interfaces. Seeing that you specifically mentioned a green-themed Islamic design, I believe my understanding of the faith along with my skills in HTML5, JavaScript, and React.js would make me a perfect fit for your HalalyAI project. In previous projects, I've built highly-responsive and mobile-friendly applications; guaranteeing an excellent user experience irrespective of the device being used. This aligns well with your requirement to have not just an adaptable prayer time module but also preparing it for future app conversion with Capacitor - I'm more than up for this task! Additionally, my familiarity working with AI integration on React apps would be vital as you continue enhancing and expanding HalalyAI in Phase 2. Alongside bringing dependable expertise to your project, you can count on my dedication to precision and timely delivery which is why we can complete Phase 1 in just 2-4 days! As a sincere practitioner of Islam myself, contributing towards building modern-day Islamic tools is both a responsibility and privilege I hold dear. I look forward to the opportunity of extending further support in the future!
₹10,000 INR in 7 days
4.4
4.4

At Paper Perfect, we understand the power of a well-designed and functional user interface in creating an engaging and immersive user experience. Our team of freelance developers, backed by years of practical experience will ensure your React UI development project is an unmitigated success. From responsive design to mobile compatibility, we've got you covered. In addition to our strong foundation in React.js development, our wide-ranging expertise also includes essential technologies like JavaScript and Web Development. This means we can seamlessly integrate your Islamic AI application with a clean prayer time module without the need for API integration or external plugins for auto-location detection. By leveraging the browser's GPS functionality for retrieving prayer times using latitude & longitude, we can enhance user experiences while putting less strain on operational costs. But that's not where our value ends! At Paper Perfect, we pride ourselves on understanding your unique needs and tailoring our services to meet them. With Phase 2 involving manual location selection and better UI improvements, we're excited to continue working with you to achieve even more groundbreaking results in Phase 2 and potentially other modules like Qibla and Quran. Let's make HalalyAI an industry leader together!
₹5,000 INR in 7 days
3.7
3.7

With over 10 years in the web and app development industry, I have gained extensive expertise in React, particularly in building highly-functional UI components like the one you are looking for. I take the role of a developer seriously, always going above and beyond to meet or exceed client expectations. My proven track record of completing over 100 projects successfully attests to this fact. Alongside my advanced skills in HTML5, CSS3, Bootstrap 4, jQuery, Ionic and other relevant technologies, I also bring a creative touch to my work. Design is not just about placing objects aesthetically but also encompassing the users' needs and experiences. I guarantee to deliver an impressive, Islamic-themed UI with a clean card-style that aligns with your project vision. In terms of time management, you can count on me! I pride myself on meeting every deadline promptly while still giving thorough attention to each project phase. Should Phase 2 or any future project present itself if we collaborate well during Phase 1, be rest assured of the same level of commitment and quality in my service. Let's kickstart this dynamic project together!
₹5,000 INR in 7 days
3.7
3.7

Hi, I have 6+ years of experience in React and frontend development, and I will create a clean card-style design with an Islamic theme and include all features like prayer time display, Adhan play/stop button, alert toggle, and popup notification. I will also handle auto location detection using browser GPS and ensure that the UI works smoothly on mobile devices and is ready for future app conversion. I can complete the project within 2–4 days. Looking forward to working with you. Thank you.
₹5,000 INR in 4 days
4.0
4.0

Hello I am good knowledge react js my total experience 10 year plus ...................................
₹5,000 INR in 3 days
4.0
4.0

Hello, As a seasoned Full Stack and DevOps Engineer with over 9 years of experience, I don’t just build applications, I design intelligent, scalable systems that deliver real-world value. In respect to your React UI project specifically, my proficiency with React.js and deep understanding of modern UI/UX principles make me the perfect fit for creating a localized and responsive Prayer Time module for your Islamic AI app. Moreover, my wealth of experience in developing frontend and backend systems (to mention a few - Node.js, Python, Ruby on Rails) enables me to seamlessly integrate the rest of your FastAPI backend into the React frontend. My past works exhibit these strengths excellently and even some mobile responsive examples which are crucial for this project. Finally, I have an extensive background in DevOps and Cloud (AWS, GCP, Docker etc) which means I won't just build the modules but also ensure they can effectively scale as demand and user base grow. Should you pick me for Phase 1 of this project, I guarantee not only timely delivery but also the start of a long-term relationship as expressed in your note. Let's begin the journey towards building intelligent applications that will revolutionize Muslim lifestyle together! Thanks! Chibike
₹5,550 INR in 2 days
2.7
2.7

As-salamu alaykum! My name is Abdulbateen AYOMIDE, and I'd be honored to contribute my skills and experience in building an Islamic application to your valuable project. With a solid 7-year experience in PHP and JavaScript development, I have honed my skills not just in coding, but also in problem-solving, architecture, and product innovation that directly aligns with the needs of your FastAPI and React-based application. Given my background in web development using various technologies from PHP to JavaScript frameworks like Vue.js, I am confident in utilizing React to deliver an elegant Prayer Time UI module for your multilingual app. In terms of past relevant work, I have recently built an Islamic Tajweed Application for children. This experience allowed me to appreciate the nuances of Islamic themes and inspired a modern and clean design approach-including elements like a green color scheme-that can bring the needed aesthetics and usability into the Prayer Time UI. For your phase 1 project, as well as any future work in Phase 2 or beyond, I offer not just technical expertise but also a commitment to understanding the cultural importance of your application.
₹10,000 INR in 4 days
2.8
2.8

Hello, I understand you need a Prayer Time UI module in React with a clean, modern card design, mobile responsiveness, and interactive features like Adhan audio, alerts, and location-based timing. This fits perfectly with my experience in React UI + UX design, especially for mobile-first, component-based interfaces. I’ll ensure the UI is clean, intuitive, and scalable for Phase 2 features like location selection and additional modules (Qibla, Quran, etc.). Let’s build this module efficiently and beautifully. Best regards, Sunita
₹7,000 INR in 3 days
2.3
2.3

I understand you may have many great options to choose from, but getting the opportunity to work on this project would genuinely mean a lot for my growth. I’ll make sure to deliver my absolute best. I’ve already built responsive React UI modules with geolocation, API integration, timers, and audio controls, so creating a clean Islamic-themed prayer time component with alerts and Adhan controls is straightforward for me. I’ll deliver a mobile-first, Capacitor-ready module with smooth UX and clean code, and I’m ready to continue with Phase 2 after this.
₹10,000 INR in 15 days
2.5
2.5

Hi, I came across your requirement for building the Prayer Time UI module in React, and this fits perfectly with my experience in developing clean, responsive, and component-based frontends. I have 7+ years of experience working with React.js, modern UI design, and mobile-responsive layouts, and I can deliver a lightweight, well-structured module that integrates smoothly with your existing FastAPI backend. What I’ll deliver in Phase 1: Clean card-style Prayer Time UI (Islamic theme – green-based, modern look) Display of all 5 prayers (Fajr, Dhuhr, Asr, Maghrib, Isha) Auto location detection using browser GPS Functional controls: Play Adhan Stop Audio Alert toggle (“Allahu Akbar”) Popup notification system for prayer time alerts Fully mobile-responsive UI, optimized for touch and ready for Capacitor I will ensure the code is clean, modular, and easy to extend for Phase 2 features like manual location selection and saved preferences. I’ve worked on similar responsive React interfaces and can share relevant examples upon request. Looking forward to collaborating on this meaningful project. Best regards,
₹5,000 INR in 7 days
1.9
1.9

Hello, I can build a clean, mobile-friendly Prayer Time UI module in React for your HalalyAI platform, fully aligned with your Islamic theme and future scalability. I understand this is a frontend-only task, and the focus is on a smooth, responsive UI with working prayer-time features. ✅ My Approach • Build modern card-style UI for all 5 prayers (Fajr, Dhuhr, Asr, Maghrib, Isha) • Implement auto location detection using browser GPS • Integrate prayer time logic (API-ready or static for now) • Add Adhan play/stop controls with clean audio handling • Implement alert toggle + prayer-time popup notifications • Ensure fully responsive, mobile-first design (Capacitor-ready) ✅ Deliverables • Reusable React component (clean structure) • Responsive UI with Islamic (green) theme • Working buttons (Adhan, Stop, Toggle) • Popup + timer-based notification logic I have experience building responsive React UIs with real-time interactions, and can deliver a clean, scalable module ready for Phase 2. Ready to start immediately. Best regards, Somender Singh
₹8,500 INR in 3 days
2.2
2.2

Hi, Could you clarify if you have any specific APIs in mind for fetching prayer times? I can create a clean, modern Prayer Time UI in React that incorporates auto location detection and interactive features like the “Play Adhan” button. With 7+ years of experience in web development, including React.js and responsive design, I’ll ensure the module is mobile-friendly and will perfectly adapt for future mobile app conversion. I’m also keen on implementing a stylish Islamic theme that aligns with your vision. I can deliver the component within your timeline and budget. Looking forward to discussing this project further! Best, Naib.N
₹5,000 INR in 7 days
1.7
1.7

Building this green themed React prayer time module for HalalyAI with Capacitor in mind is a solid approach. Ill build a clean responsive card layout that looks great on mobile screens. Then ill wire up the browser geolocation to fetch the coordinates and set up the React state logic for the Adhan audio buttons and timed popup alerts. The component will be totally modular so you can easily plug it into your existing frontend. As a quick bonus ill include a simple setup text file showing exactly how to mount this component and pass any needed props. If you need any tweaks or related work down the line like the Phase 2 city selection I can handle that too so you dont have to go through the hiring process again. Drop me a message and we can get this rolling.
₹6,500 INR in 4 days
1.2
1.2

Kuala Lumpur, Malaysia
Payment method verified
Member since Mar 25, 2026
₹1000-2000 INR
$30-250 USD
₹1000-3000 INR
₹50000-120000 INR
₹600-1500 INR
$10-30 USD
₹1000 INR
₹12500-37500 INR
₹1500-12500 INR
$10-30 USD
$250-750 USD
$15-25 USD / hour
$8-15 AUD / hour
$30-250 CAD
$15-25 USD / hour
$30-250 USD
$250-750 USD
₹1500-12500 INR
₹1500-12500 INR
$30-250 USD
₹1500-12500 INR
$750-1500 USD
₹400-750 INR / hour
₹12500-37500 INR