Proyek OSS

Jelajahi kontribusi open source dari MauCariApa.com dan cara Anda dapat berkontribusi dalam ekosistem open source.

demo-cf-r2

This project is a functional sample application designed to demonstrate direct client-side file uploads to Cloudflare R2 from a React application. It leverages Cloudflare Pages for frontend hosting and Cloudflare R2 for object storage.

Features:

Frontend Application: A React application hosted on Cloudflare Pages.
R2 File Uploader Component: Allows users to select a file and upload it directly to a configured Cloudflare R2 bucket.
Option to randomize the uploaded filename.
Provides visual feedback (loading, success, error toasts) during the upload process.

Tech Stack:

React TypeScript Tailwind CSS shadcn/ui Cloudflare R2 AWS SDK S3 Client React Query React Router

kodebank

MIT License

The bank information database is designed to provide easy access to important details about banks operating in Indonesia. This can be useful for developers, businesses, or anyone seeking to understand banking options in the country.

Features:

JSON Formatting

Tech Stack:

JSON

remark-autogen-alt

MIT License

A simple Remark plugin that 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.png → my 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

Tech Stack:

Remark Unified unist-util-visit Node.js JavaScript

maucariapacom-church-starter

MIT License

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.

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

Featured at: Astro Themes Official

remark-autogen-lazy

MIT License

A simple Remark that automatically adds the loading="lazy" attribute to tags within a specific directory, helping to improve website performance. 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.

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 Remark Unified unist-util-visit Node.js

remark-inject-related-article

MIT License

A custom Remark plugin designed to boost internal linking and SEO by automatically injecting "Related Article" boxes into your Markdown or MDX content. It intelligently scans your content directory and places links based on the length of the current article.

Features:

Automated Internal Linking: Scans your src/content/posts folder for existing content.
Context-Aware Insertion: Injects links only when the content is long enough to avoid cluttering short posts.
Prevents linking to the current post itself.
Avoids duplicate "Related Article" links within the same post.
Randomizes the selection of related articles for a dynamic user experience.
Style-Ready: Generates clean HTML nodes that can be further styled via CSS.

Tech Stack:

Remark Unified unist-util-visit Node.js JavaScript

zakat-calculator

MIT License

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.

Features:

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
Display relevant Quranic verses and authentic hadiths for each zakat type
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

Tech Stack:

Astro Tailwind CSS TypeScript MDX

Cara Berkontribusi

Kami sangat terbuka untuk kontribusi dari komunitas. Berikut adalah beberapa cara Anda bisa terlibat:

🤝 Bergabung dengan Kontributor

Code Contributions: Fork repository, buat branch baru, dan submit pull request.
Documentation: Perbaiki typo, tambahkan contoh, atau terjemahkan dokumentasi.
Testing & Bug Reports: Uji proyek dan laporkan bug dengan detail.

Sponsorship dan Dukungan

Dukungan Anda membantu kami untuk terus mengembangkan dan memelihara proyek-proyek ini. Anda bisa mendukung kami melalui donasi finansial, kontribusi kode, atau dengan menyebarkan proyek kami.

Kontak

Untuk pertanyaan teknis atau kolaborasi, jangan ragu untuk menghubungi kami melalui email atau di GitHub.

Cari Artikel

Features:

Tech Stack:

Features:

Tech Stack:

Features:

Tech Stack:

Features:

Tech Stack:

Features:

Tech Stack:

Features:

Tech Stack:

Features:

Tech Stack:

Cara Berkontribusi

🤝 Bergabung dengan Kontributor

Sponsorship dan Dukungan

Kontak