DEV Community

Cover image for I created a Christian "Bible Gym" webapp
Yeshua
Yeshua

Posted on

I created a Christian "Bible Gym" webapp

DEV Weekend Challenge: Community

This is a submission for the DEV Weekend Challenge: Community

The Community

I built this for my fellow Christians.

You know how it is. We spend hours at the gym tracking our macros, our hit-rate on the court, or our daily steps on our watches. But when it comes to our spiritual life, most of us (myself included!) are basically "couch potatoes." We'd read a verse here and there, but nothing would really stick. No muscle was being built.

I wanted to bridge that gap. This web app is for the Christian believers who want to take their Scripture study from a "passive hobby" to a "high-intensity workout." It’s for the church small groups, the youth ministries, and the personal prayer warriors who want to be "fit" for every good work as Apostle Paul says in 2 Timothy 3:17 (KJV)

What I Built

I built Bible Gym - a gamified, high-energy web app designed to bake Scripture into your daily routine using proven athletic training metaphors.

Instead of just reading, you're training. Every day, the app generates a "Daily Workout" consisting of 4 intense drills. Here are some of the features Bible Gym that make it an awesome and helpful tool for Christians:

  1. AI-Powered Daily Workout: Always-fresh batch of daily drills generated with Gemini. If Gemini fails because of quota or any other reason, I use the bible-api as backup.
  2. Memorization Drill: Clozed-deletion (filling in the blanks) to build active recall.
  3. Context Challenge: Rapid-fire questions to ensure you're using "proper form" (understanding the who, what, and why of a passage).
  4. Verse Match: High-speed matching to build quick-twitch Scripture recognition.
  5. Rearrange Drill: Ordering verses to strengthen your grasp of the Bible's structure.
  6. Mastery Mode: Where you push specific verses through 5 levels of difficulty until they are etched into your heart forever.
  7. Training Groups: Join a group or create one yourself; because everyone trains better with a team.

Demo

Live App

Landing page

The app features a "Neo-Brutalist" design with vibrant colors, thick borders, and high-energy animations. It feels more like a fitness app than a dusty library.

Code

Check out the full monorepo here:

🕊️ Bible Gym — Train Your Spirit

"Physical training is good, but training for godliness is much better, promising benefits in this life and the life to come." — 1 Timothy 4:8

Welcome to Bible Gym, a high-intensity developer-led experiment in spiritual fitness. We took the psychology of a modern fitness app—the streaks, the stats, the "just one more set" addiction—and applied it to the most important "muscle" you own: your spirit.

💪 The Workout Philosophy

Bible Gym isn't a library; it's a training ground. We believe that Scripture should be etched into the heart, not just glanced at on a screen. Every day, the gym generates a Global Daily Workout for the entire community.

🏋️ The Drills

  • Memorization Drill: Clozed-deletion recall. Fill in the missing words to build active retrieval pathways.
  • Context Challenge: Rapid-fire questions on authorship, history, and theme. Proper form means understanding the…

How I Built It

This was an absolute blast to build. Here’s the stack under the hood:

  • Next.js (App Router): For that smooth, server-side rendered performance.
  • Appwrite: My backend powerhouse. It handles all the user authentication, real-time database syncing for scores/streaks, and local-to-cloud persistence.
  • Framer Motion: For those "punchy" micro-animations that make the UI feel alive and responsive.
  • Lucide Icons: Keeping the "Gym" aesthetic consistent across every drill.
  • Gemini API: I integrated AI to dynamically generate context questions and themed workouts based on whatever topic the community is feeling that day.
  • Vercel Cron Job: An automated job to handle the daily workout flip at midnight UTC, ensuring there's always a fresh batch of verses waiting for the believer every morning.

I pray you find peace, internet friend. 🕊️💪

Top comments (0)