Responsive Shri Shyam Arji Website

Job ID: 40545895

Budget: ₹1,500 – ₹12,500 INR

I want to launch a bright-and-colorful, fully responsive website dedicated to Shri Shyam Arji, built from the ground up with clean Custom HTML, CSS (ideally Flexbox/Grid), and vanilla JavaScript. The site should load fast, feel lightweight, and work flawlessly on mobile, tablet, and desktop.

Core pages & functions I need now
• Home page with a devotional look and feel
• Arji submission form that pushes data to a database and triggers an instant e-mail notification to me
• Secure Admin login
• Admin dashboard showing every Arji with options to view or delete entries in one click
• WhatsApp chat button, social-media icons, and a Contact page
• Baba Aarti daily timetable, displayed dynamically so I can edit times later
• Online payment gateway for offerings/donations
• Google AdSense-ready layout and ad slots
• Mobile-first design considerations throughout

Future features to be delivered in this same build
• Real-time Arji dashboard that updates without page refresh (WebSocket, Pusher, Firebase, or similar)
• PWA packaging so visitors can “Install” the site like an app, complete with offline caching, splash screen, and app-icon

Admin roles that must be hard-coded from day one
• Super Admin
• Arji Manager

Both roles should be configurable for CRUD permissions over Arji submissions and basic content.

Design direction
The aesthetic needs to be bright and colorful—think vibrant mandala motifs, saffron accents, and clear, legible typography. Please keep the markup semantic, images optimized, and code commented so future edits are simple.

Acceptance criteria
1. All listed pages render without console errors and pass Google Mobile-Friendly Test.
2. Arji form data is stored reliably and appears instantly on the dashboard.
3. E-mail alert fires on every new Arji.
4. PWA install prompt passes Lighthouse audits for performance, accessibility, best practices, and PWA.
5. Payment flow reaches success callback in test mode.
6. Code, assets, and brief deployment steps are handed over on completion.

If you are comfortable delivering these features with pure HTML/CSS/JS and can suggest the best lightweight backend or serverless option for the form, let’s get started.