Full-Stack Web App
Passion ProjectDeesis
A Christian prayer platform that helps believers build a more consistent daily prayer life through guided prayers, scripture, and faith-based content.
Why this project matters to me
Deesis is one of my passion projects. It gives me space to build around something I care about personally while sharpening how I think about product design, frontend architecture, and meaningful user experience.
Highlights
- Daily prayer delivery with scripture-based content
- Dynamic prayer pages with shareable URLs
- Favourites and authenticated user flows
- Admin workspace for content management
- Open Graph image generation and social preview support
Overview
Deesis is a faith-centered digital platform built to make daily prayer more accessible, consistent, and meaningful. The website provides daily prayers, Bible verses, and spiritually enriching content that guide users through worship, reflection, thanksgiving, and intercession.
The platform is designed to serve both everyday users seeking personal spiritual growth and administrators managing a structured prayer publishing workflow. This creates a product that is not only content-driven, but also operationally practical.
The Product
The public-facing experience focuses on helping users engage with prayer in a simple and intentional way. Prayers are organized into categories such as gratitude, peace, guidance, provision, protection, growth, strength, and declarations. Each prayer is paired with scripture and presented in a clear, mobile-friendly layout.
Alongside the devotional experience, Deesis includes a protected workspace for content management. This supports editing, publishing, and maintaining prayer entries in a controlled environment, extending the application beyond a static content site into a functional content platform.
Architecture and Implementation
Deesis is built as a modern web application using the Next.js App Router, which enables structured routing, server-rendered content, and dynamic page generation. TypeScript is used across the codebase to improve maintainability and help enforce reliable data flow between components, routes, and shared utilities.
The application uses reusable UI components for elements such as navigation, tabs, prayer cards, and sharing controls. This component-driven structure keeps the interface consistent while making the code easier to extend and maintain.
Prayer pages use dynamic routing based on date and category, allowing each prayer entry to have a dedicated URL. This improves both navigation and shareability, while supporting metadata generation per prayer page.
Firebase is used to support authentication and user-linked features such as saved favourites and gated access to the content workspace. This demonstrates integration between frontend UX and backend-backed state.
Summary
Deesis is more than a simple content website. It is a structured digital platform that combines devotional content delivery, authenticated user functionality, content operations, and modern sharing behavior within a polished web experience.
Technical Stack
- Next.js 16
- React
- TypeScript
- Tailwind CSS
- Firebase Authentication
- Firebase-backed content and user data
- Next.js Open Graph image generation
Core Features
- Daily prayers with accompanying Bible verses
- Category-based browsing
- Dedicated pages for individual prayers
- Shareable prayer links
- Favourite prayers for signed-in users
- Authentication and profile support
- Protected admin workspace
- Social sharing flows for WhatsApp, Facebook, and X
- Dynamic Open Graph and Twitter preview metadata
- Responsive layout across screen sizes