Proyek Open Source

MauCariApa.com percaya pada kekuatan open source untuk memajukan teknologi dan berbagi pengetahuan. Kami aktif berkontribusi dan menggunakan teknologi open source dalam operasional platform kami.

Proyek yang Kami Kembangkan

maucariapacom-church-starter

An open-source starter template for building high-performance, content-driven church websites with Astro. Pure SSG, SEO-ready, built with Tailwind CSS, Markdown content, ready to integrate with any CMS.

Featured at Astro Theme: maucariapacom-church-starter

Features

  • Pure Static Site Generation (SSG): Fast, SEO-friendly pages generated at build time
  • Content-Driven Architecture: Content managed via Markdown files using Astro Content Collections
  • Mobile-First Responsive Design: Tailwind CSS for beautiful, responsive layouts
  • SEO Optimized: Complete meta tags, JSON-LD Schema, and sitemap.xml
  • CMS-Ready Structure: Easily integrate with headless CMS solutions
  • Comprehensive Church Website Sections: All essential pages for a complete church website
  • Accessibility Focus: WCAG compliant design and markup
  • Modern UI Components: Reusable components with hover states and micro-interactions
  • Integrated Church Icon: Custom SVG church icon used throughout the site
  • Image Optimization: Proper image organization and fallback handling

Tech Stack: Astro • Tailwind CSS • TypeScript • MDX

Iklan
GitHub Repomaucariapacom-church-starter
LicenseMIT
Live Demohttps://maucariapacom-church-starter.pages.dev/

zakat-calculator

A comprehensive web application that helps Muslims calculate their zakat easily and accurately according to Islamic law. Built with modern web technologies and designed for global accessibility.

Key Features

Complete Zakat Calculator
  • Gold Zakat: Calculate zakat on gold with nisab of 85 grams
  • Silver Zakat: Calculate zakat on silver with nisab of 595 grams
  • Wealth Zakat: Calculate zakat on cash, savings, deposits, and investments
  • Income Zakat: Calculate zakat on monthly salary and income
Islamic Evidence Integration
  • Display relevant Quranic verses and authentic hadiths for each zakat type
  • Arabic text with English translations
  • Proper source citations (Quran chapters/verses, Hadith collections)
Modern User Experience
  • Responsive Design: Optimized for desktop, tablet, and mobile devices
  • Real-time Calculations: Instant results with detailed breakdowns
  • Privacy-First: All calculations performed locally in browser
  • Accessibility: WCAG compliant design with proper contrast and navigation
    Iklan
Developer-Friendly
  • Open Source: MIT licensed with full source code available
  • Modular Architecture: Clean separation of concerns\
  • JSON-Based Configuration: Easy to modify zakat data and rules
  • TypeScript Support: Type-safe development experience

Tech Stack: Astro • Tailwind CSS • TypeScript • MDX

GitHub Repohttps://github.com/MauCariApa-com/zakat-calculator
LicenseMIT
Live Demohttps://zakat-calculator.pages.dev

remark-autogen-alt

A simple Remark automatically generates alt text for images in Markdown files when none is provided.

Features

  • Automatically fills in missing alt text for Markdown images
  • Converts filenames like my-cat_sitting-on-a-mat.pngmy cat sitting on a mat
  • Keeps Markdown clean — no extra text injected into source files
  • Designed for clean rendering at runtime (e.g., in Astro)
  • Improves accessibility (a11y) and SEO with zero manual effort
    Iklan

Tech Stack: JavaScript (ESM) • Remark • Unified • unist-util-visit • Node.js path module

GitHub Reporemark-autogen-alt
LicenseMIT

remark-autogen-lazy

A simple Remark that automatically adds the loading="lazy" attribute to <img> tags within a specific directory, helping to improve website performance.

What It Does

This plugin is designed to improve web page performance by automatically deferring the loading of off-screen images. It traverses the Markdown Abstract Syntax Tree (AST) and injects loading="lazy" into the HTML properties of image nodes.

It is specifically built to work within a content structure (like blog posts) where you want most images to be lazy-loaded, but need to exclude critical, above-the-fold content like a hero image.

Key Features

  • Automatic Lazy Loading: Adds loading="lazy" to all standard <img> tags.
  • Scoped Operation: The plugin is configured to only process files located within the src/content/posts/ directory.
  • Hero Image Exclusion: Intelligently skips any image that uses {heroImage} as its source URL or heroImage as its alt text. This ensures your main post image loads immediately for a better user experience and improved Largest Contentful Paint (LCP) score.

Tech Stack: JavaScript (ESM) • Remark • Unified • unist-util-visit • Node.js path module

GitHub Reporemark-autogen-lazy
LicenseMIT

Cara Berkontribusi

🤝 Bergabung dengan Kontributor

Code Contributions

  • Fork repository yang ingin Anda kontribusi
  • Buat branch baru untuk feature atau bug fix
  • Ikuti coding standards dan conventions
  • Tulis tests untuk code baru
  • Submit pull request dengan deskripsi yang jelas

Documentation

  • Perbaiki typos atau kesalahan dalam dokumentasi
  • Tambahkan examples dan use cases
  • Translate dokumentasi ke bahasa Indonesia/Inggris
  • Buat tutorial dan guides

Testing & Bug Reports

  • Uji proyek di berbagai lingkungan
  • Laporkan bug dengan langkah reproduksi detail
  • Sarankan perbaikan dan fitur baru
  • Membantu memecahkankan masalah dari kontributor lain

Guidelines Kontribusi

📋 Code Standards

  • Gunakan TypeScript untuk type safety
  • Ikuti konfigurasi ESLint dan Prettier
  • Tulis pesan komit yang bermakna
  • Sertakan pengujian untuk fitur baru
  • Perbarui dokumentasi jika diperlukan

🎯 Pull Request Process

  • Buat issue terlebih dahulu untuk diskusi
  • Referensikan nomor masalah pada deskripsi PR
  • Pastikan semua pengujian lulus
  • Minta tinjauan dari pengelola
  • Tanggapi umpan balik dan saran

Sponsorship dan Dukungan

💚 Dukung Pengembangan Open Source

Financial Support

Code Contributions

  • Perbaikan bug dan peningkatan
  • Pengembangan fitur baru
  • Optimasi kinerja
  • Pembaruan dokumentasi

Community Support

  • Bagikan proyek kami di media sosial
  • Tulis review dan testimonial
  • Membantu pengguna lain dalam diskusi
  • Menyelenggarakan pertemuan dan lokakarya

Kontak

Untuk pertanyaan teknis atau kolaborasi:

Response Time: 1-2 hari kerja untuk inquiries


Open source adalah tentang community. Kami percaya bahwa dengan berbagi knowledge dan tools, kita dapat membangun ekosistem teknologi yang lebih kuat dan inklusif. Mari berkolaborasi untuk menciptakan tools yang bermanfaat bagi developer di seluruh dunia! 🌍✨