π A modern, responsive digital platform for Wonders of God Church, connecting our community through faith, worship, and fellowship.
- π Homepage - Welcome visitors with inspiring content and church information
- π About Us - Learn about our church's mission, vision, and values
- π₯ Sermons & Media - Watch and download our latest messages and audio content
- π Events - Stay updated with upcoming church events and activities
- π€ Ministries - Discover various ministry opportunities and get involved
- π° Give - Secure online giving platform for tithes and offerings
- π Contact - Get in touch with church leadership and staff
- π Resources - Access spiritual resources, study materials, and downloads
- π± Responsive Design - Fully optimized for mobile, tablet, and desktop
- π¨ Modern UI/UX - Clean, intuitive interface with beautiful animations
- π Member Portal - Secure login for church members
- π Member Dashboard - Personal spiritual growth tracking
- π¬ Prayer Requests - Submit and track prayer requests
- π§ Newsletter Subscription - Stay connected with church updates
- π΅ Worship Music Library - Access to worship songs and lyrics
- π± Mobile App - Native mobile application for iOS and Android
- π Push Notifications - Real-time updates for events and announcements
- π Bible Study Tools - Interactive Bible reading and study features
- π₯ Small Groups - Find and join small group communities
- π Online Classes - Virtual Bible study and discipleship courses
- π³ Recurring Donations - Set up automatic giving schedules
- π Multi-language Support - Swahili and English language options
- π― Event Registration - Online registration for church events
- πΈ Photo Gallery - Church event photos and memories
- π¬ Live Streaming - Watch services live online
- π Analytics Dashboard - Church leadership insights and statistics
| Technology | Purpose | Version |
|---|---|---|
| βοΈ React | Frontend Framework | 18.3.1 |
| π· TypeScript | Type Safety | 5.0+ |
| π¨ Tailwind CSS | Styling Framework | 3.0+ |
| β‘ Vite | Build Tool | 5.0+ |
| π§© Shadcn/UI | Component Library | Latest |
| π Lucide React | Icon Library | 0.462.0 |
| π React Router | Navigation | 6.26.2 |
| π TanStack Query | Data Fetching | 5.56.2 |
| π Recharts | Data Visualization | 2.12.7 |
- π¦ Node.js (version 18.0 or higher)
- π npm or yarn package manager
- π» Git for version control
-
Clone the repository
git clone https://github.com/mwakidenis/Church-Event-Management-System.git cd wonders-of-god-church -
Install dependencies
npm install # or yarn install -
Start development server
npm run dev # or yarn dev -
Open your browser
http://localhost:5173
| Command | Description | Icon |
|---|---|---|
npm run dev |
Start development server | π |
npm run build |
Build for production | ποΈ |
npm run preview |
Preview production build | π |
npm run lint |
Run ESLint | π§Ή |
npm run type-check |
Run TypeScript checks | π |
- Navigate to Project > Settings > Domains
- Click Connect Domain
- Follow the DNS configuration instructions
- Verify domain ownership
npm install -g vercel
vercel --prodnpm run build
# Upload dist/ folder to Netlifynpm run build
# Push dist/ folder to gh-pages branchsrc/
βββ π components/ # Reusable UI components
β βββ π§© ui/ # Shadcn/UI components
β βββ π§ Navigation.tsx # Main navigation component
β βββ ...
βββ π pages/ # Page components
β βββ π Index.tsx # Homepage
β βββ π About.tsx # About page
β βββ π₯ Sermons.tsx # Sermons page
β βββ ...
βββ π hooks/ # Custom React hooks
βββ π lib/ # Utility functions
βββ π types/ # TypeScript type definitions
βββ π App.tsx # Main app component
Customize the church branding in tailwind.config.ts:
module.exports = {
theme: {
extend: {
colors: {
primary: '#your-primary-color',
secondary: '#your-secondary-color',
}
}
}
}Update church information in the respective page components:
- Church name and details in
Navigation.tsx - Service times in
ServiceTimes.tsx - Pastor information in sermon components
We welcome contributions from our church community! π
- Fork the repository π΄
- Create a feature branch πΏ
git checkout -b feature/amazing-feature
- Commit your changes πΎ
git commit -m 'Add some amazing feature' - Push to the branch π€
git push origin feature/amazing-feature
- Open a Pull Request π
- β Follow the existing code style
- β Write meaningful commit messages
- β Test your changes thoroughly
- β Update documentation as needed
- β Respect the church's values and mission
If you need prayer or spiritual support:
- π§ Prayer Email: [email protected]
- π Prayer Hotline: +254 XXX XXX XXX (24/7)
This project is licensed under the MIT License - see the LICENSE file for details.
- π God Almighty - For His grace and guidance
- βͺ Wonders of God Church Community - For their support and feedback
- π¨βπ» Development Team - For their dedication and hard work
- π¨ UI/UX Designers - For creating beautiful and intuitive designs
- π Open Source Community - For the amazing tools and libraries
"Whatever you do, work at it with all your heart, as working for the Lord, not for human masters, since you know that you will receive an inheritance from the Lord as a reward. It is the Lord Christ you are serving." π
Made with β€οΈ by Mwaki Denis and π for the Glory of God
π Visit Our Website | π§ Contact Us | π Prayer Requests