mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-06-26 18:26:38 +00:00
Create tulja
This commit is contained in:
parent
81168093cf
commit
f7045beae5
120
tulja
Normal file
120
tulja
Normal file
@ -0,0 +1,120 @@
|
|||||||
|
I want to build a professional, modern, and responsive web application for an educational and social welfare NGO. The website should focus on four main pillars: Education, Women & Girl Child Welfare, Environmental Activities, and Health Initiatives. It should be visually appealing with a blue gradient color scheme and a white background to match the blue-colored logo. Please generate the complete source code (HTML/CSS/JavaScript + backend in Node.js or PHP or Firebase), structured content, and all UI elements based on the following detailed requirements:
|
||||||
|
|
||||||
|
🎯 Main Objectives
|
||||||
|
Educational and awareness platform.
|
||||||
|
|
||||||
|
Promote and engage in Women Welfare, Old Age Homes, Tree Plantation, Blood Donation, Yoga Centers.
|
||||||
|
|
||||||
|
Offer ways for users to participate, donate, and spread awareness.
|
||||||
|
|
||||||
|
📋 Pages and Content Requirements
|
||||||
|
1. Login Page
|
||||||
|
Simple login form (email, password).
|
||||||
|
|
||||||
|
Option for "Admin Login".
|
||||||
|
|
||||||
|
Link to “Register as a Volunteer” or “Become a Beneficiary”.
|
||||||
|
|
||||||
|
2. Home Page
|
||||||
|
Sections: Hero banner, About Us, Vision & Mission, Donor Wall (carousel of top donors or quotes).
|
||||||
|
|
||||||
|
Smooth animations, minimalist icons, and CTA buttons like “Take Action”, “Donate Now”.
|
||||||
|
|
||||||
|
3. What We Do Page
|
||||||
|
Subsections with icons/images:
|
||||||
|
|
||||||
|
Education
|
||||||
|
|
||||||
|
Girl Child Welfare
|
||||||
|
|
||||||
|
Women Welfare
|
||||||
|
|
||||||
|
Engagement with Govt. Schemes & Policies (with key regulations)
|
||||||
|
|
||||||
|
Our Programmes (list with images)
|
||||||
|
|
||||||
|
Child Rights
|
||||||
|
|
||||||
|
Our Campaigns
|
||||||
|
|
||||||
|
4. Take Action Page
|
||||||
|
How You Can Help: Informational content.
|
||||||
|
|
||||||
|
Forms for:
|
||||||
|
|
||||||
|
Become a Volunteer
|
||||||
|
|
||||||
|
Register as a Beneficiary
|
||||||
|
|
||||||
|
Secure, user-friendly, validated forms
|
||||||
|
|
||||||
|
5. Resources Page
|
||||||
|
Blogs (cards with summaries)
|
||||||
|
|
||||||
|
Reports & PDFs
|
||||||
|
|
||||||
|
Media Coverages (images or video links)
|
||||||
|
|
||||||
|
Downloadable Certifications (like 80G, 12A, FCRA, etc.)
|
||||||
|
|
||||||
|
6. Contact Us Page
|
||||||
|
Contact form (Name, Email, Message)
|
||||||
|
|
||||||
|
NGO address & map integration
|
||||||
|
|
||||||
|
Phone, email, working hours
|
||||||
|
|
||||||
|
7. Donation System
|
||||||
|
Secure Payment Gateway Integration
|
||||||
|
|
||||||
|
Cards, UPI, Net Banking
|
||||||
|
|
||||||
|
Donor details form (Name, PAN, Email, Mobile)
|
||||||
|
|
||||||
|
Confirmation + Receipt Email System
|
||||||
|
|
||||||
|
8. Admin Panel (Basic)
|
||||||
|
Secure login
|
||||||
|
|
||||||
|
Update content on:
|
||||||
|
|
||||||
|
Blogs, Reports
|
||||||
|
|
||||||
|
Donor Wall
|
||||||
|
|
||||||
|
Resources and Programmes
|
||||||
|
|
||||||
|
View and download volunteer & beneficiary forms
|
||||||
|
|
||||||
|
📱 Other Features
|
||||||
|
Social Media Integration (Facebook, Instagram, Twitter, LinkedIn).
|
||||||
|
|
||||||
|
Responsive Design (Mobile, Tablet, Desktop friendly).
|
||||||
|
|
||||||
|
Animations using AOS or Framer Motion (optional).
|
||||||
|
|
||||||
|
Clean UI using TailwindCSS or Bootstrap.
|
||||||
|
|
||||||
|
SEO-friendly structure with meta tags for each page.
|
||||||
|
|
||||||
|
⚖ Legal & Privacy Requirements
|
||||||
|
Include Privacy Policy page explaining:
|
||||||
|
|
||||||
|
How donor/volunteer data is used.
|
||||||
|
|
||||||
|
Compliance with Indian laws (IT Act 2000, DPDP Act 2023).
|
||||||
|
|
||||||
|
Secure storage & no third-party sharing.
|
||||||
|
|
||||||
|
Terms and Conditions page for users & donors.
|
||||||
|
|
||||||
|
🧠 Optional Additions
|
||||||
|
Testimonial Carousel from volunteers/beneficiaries.
|
||||||
|
|
||||||
|
FAQ section about NGO, donations, volunteering.
|
||||||
|
|
||||||
|
Newsletter Subscription (Email ID collection + Mailchimp/Firebase link).
|
||||||
|
|
||||||
|
Multilingual support (English, Hindi, Gujarati).
|
||||||
|
|
||||||
|
Expected Output: Generate a complete educational NGO web app project with clean code structure, full dummy content for all pages, working forms (with backend logic where needed), an admin panel, and embedded legal/privacy policy content. The code should be ready to deploy on a hosting service like Netlify, Firebase, or Vercel. Provide proper folder structure and assets.
|
Loading…
Reference in New Issue
Block a user