Skip to content

Deen-Bridge/dnb-frontend

Repository files navigation

πŸ•Œ Deen Bridge

Authentic Islamic education β€” courses, books, community, and mentorship, with payments on Stellar.

CI License: MIT PRs Welcome Stellar

Live App Β· Report a Bug Β· Contribute


About

Deen Bridge is a modern learning platform that connects Muslims worldwide with authentic Islamic knowledge. Learners enroll in interactive courses, read from a digital library, join live community spaces, message mentors directly, and get instant answers from an Islamic-knowledge AI assistant. Courses and books are purchased with USDC on the Stellar network β€” non-custodial, with creators paid directly to their own wallets.

This repository is the web client. The platform is composed of three services:

Repository Role Live
dnb-frontend (this repo) Next.js web application dnb-frontend.vercel.app
dnb-backend REST API β€” auth, content, Stellar payments dnb-backend-api.onrender.com
dnb-ai FastAPI service for the AI assistant dnb-ai.onrender.com

✨ Features

  • πŸŽ“ Interactive Courses β€” enroll, learn, review, and track progress
  • πŸ“š Digital Library β€” read Islamic books online with a built-in PDF reader
  • πŸ’¬ Community Spaces β€” live sessions and video rooms with mentors
  • 🎬 Reels β€” short-form Islamic content
  • βœ‰οΈ Direct Messaging β€” real-time chat between students and mentors
  • πŸ€– AI Assistant β€” Islamic-knowledge chatbot with conversation history
  • ⭐ Stellar Payments β€” buy courses and books with USDC; creators are paid directly
  • πŸ‘› Multi-Wallet Support β€” Freighter, xBull, and Albedo via Stellar Wallets Kit
  • πŸ”’ Role-Based Access β€” student, mentor, and admin experiences

πŸ› οΈ Tech Stack

Layer Technology
Framework Next.js 15 (App Router) Β· React 19
Styling Tailwind CSS v4 Β· Radix UI Β· Framer Motion
Forms & Validation React Hook Form Β· Zod
Blockchain @stellar/stellar-sdk Β· Stellar Wallets Kit
Data & Media Axios Β· Firebase Β· Vidstack Β· pdf.js

πŸš€ Getting Started

Prerequisites

  • Node.js 20+
  • npm (or yarn/pnpm)

Setup

git clone https://github.com/Deen-Bridge/dnb-frontend.git
cd dnb-frontend
npm install
cp .env.example .env.local   # then fill in your values
npm run dev

The app runs at http://localhost:3000.

Environment Variables

Variable Description
NEXT_PUBLIC_API_URL Base URL of the dnb-backend API
NEXT_PUBLIC_STELLAR_NETWORK testnet or public (mainnet)

See .env.example for the full list.

Scripts

Command Purpose
npm run dev Start the development server (Turbopack)
npm run build Production build
npm run start Serve the production build
npm run lint Run ESLint

🌊 Contributing & Drips Wave

This repository participates in the Stellar Drips Wave bounty program β€” contributors earn Points (and real rewards) for resolving this repo's issues during a Wave, with complexity tiers set in the Drips Wave app.

  • All pull requests target the dev branch (main is releases only)
  • CI (lint + build) must pass before review
  • One contributor per issue β€” comment to claim it first

Read CONTRIBUTING.md for the full workflow, coding standards, and Wave rules.

πŸ“œ License

MIT Β© Deen Bridge

πŸ”— Links

About

✨ Deen Bridge: Connecting You to Islamic Knowledge πŸ•Œ, A modern platform empowering Muslims with authentic Islamic education through courses, books, spaces and mentorship.

Topics

Resources

License

Contributing

Stars

9 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors