Web Application
Completed
2025

RamadhanJS

30 Days JS Challenge – Ramadhan Edition

Full-Stack Developer
2025
1 bulan
RamadhanJS

Gambaran Umum

Self-initiated 30-day JavaScript challenge selama Ramadhan 2025. Setiap hari satu mini app baru (React/TS/Vite) untuk spiritual & skill-building: Countdown Maghrib, Tasbih Counter, Random Ayat, Umrah Planner, Mosque Finder, dll.

30 proyek mini selama Ramadhan: typing effect, countdown maghrib, tasbih counter, random ayat, dan lebih banyak lagi.

Tujuan Proyek

  • Menyelesaikan 30 proyek mini dalam 30 hari Ramadhan
  • Meningkatkan skill React, TypeScript & Vite
  • Menyediakan tools digital bermanfaat untuk umat

Fitur Utama

Typing Effect (Hari 1)
Countdown Maghrib (Hari 2)
Ramadhan Quote (Hari 3)
Tasbih Counter (Hari 4)
Random Ayat (Hari 5)
Umrah Planner (Hari 6)
Mosque Finder (Hari 7)
What Weather (Hari 8)
Linktree Clone (Hari 9)
Kalender Ibadah (Hari 10)
Scroll Hadith (Hari 11)
Islamic History (Hari 12)
... dan proyek lainnya

Tantangan & Solusi

Tantangan:

Menjaga konsistensi coding setiap hari selama Ramadhan

Solusi:

Bangun boilerplate Vite-React-TS + Tailwind di hari 0, siapkan issue template & GitHub Actions biar tinggal code-push-deploy

Tantangan:

Menghadirkan ide fitur yang tetap relevan & spiritual

Solusi:

Kumpulkan pain-point Ramadhan dari grup WhatsApp & Twitter, prioritaskan tools yang sehari-hari dipakai (countdown, tasbih, jadwal)

Hasil Proyek

30 repo GitHub aktif selesai tepat waktu
Portfolio skill React/TS meningkat drastis

Teknologi yang Digunakan

Frontend:

React
TypeScript
Vite
TailwindCSS
HTML5
CSS3

APIs:

Al-Quran Cloud API
OpenStreetMap Nominatim
OpenWeatherMap

Tools:

Git
GitHub Actions
Netlify
pnpm

Galeri Proyek

RamadhanJS screenshot 1
RamadhanJS screenshot 2

Testimoni Klien

Ide 30 hari 30 app sangat inspiratif, saya turut belajar setiap repo-nya!
Ahmad Fauzi, Frontend Developer

Info Proyek

Klien

Self Initiated / Open Source

Durasi

1 bulan

Tahun

2025

Peran

Full-Stack Developer

Status

Completed

Tautan

Live: Belum tersedia
Kode Sumber

Tag

JavaScript
TypeScript
React
Vite
TailwindCSS
30-Day Challenge

Tertarik dengan Pekerjaan Serupa?

Jika Anda tertarik dengan proyek serupa atau ingin berdiskusi tentang kebutuhan development Anda, jangan ragu untuk menghubungi saya.

Hubungi Saya
    Aditya Fakhri Riansyah | AI-Driven Web Developer