RintisWeb
Ready-to-Use Website Template Catalog & Business Service Platform
Rintis Web is a modern template catalog platform designed for business owners to discover, preview, and order ready-to-use website templates. The application features a dynamic customer storefront paired with a JWT-secured admin dashboard for full CRUD management of templates, categories, and site-wide configurations.
The problem
Many small business owners and non-technical entrepreneurs struggle to establish an online presence due to high custom development costs and complex technical setups. Additionally, existing site builders often have steep learning curves for users who simply want a functional, professionally designed website quickly.
The solution
Engineered a streamlined platform connecting business owners directly to curated templates (Landing Pages & Multi-Page sites). Implemented interactive live demos and high-resolution galleries so users can evaluate templates effortlessly, alongside a direct WhatsApp checkout pipeline to simplify ordering without cumbersome signup flows. On the backend, built a decoupled Express/MongoDB API with a dedicated Next.js admin portal to easily manage dynamic content, SEO settings, and template availability.
- 01
Dynamic Template Catalog & Live Demos
Browse categorized website templates (Landing Page & Multi Page) with interactive live demos, photo galleries, search filtering, and discount pricing displays.
- 02
Seamless WhatsApp Checkout Pipeline
Direct order flow that connects buyers to WhatsApp with automated, pre-filled order context for quick purchasing without friction.
- 03
Secured Admin Management Portal
Protected admin dashboard backed by JWT authentication for full CRUD operations on templates, categories, and published statuses.
- 04
Dynamic SEO & Global Site Settings
Backend-driven SEO metadata and site configurations managed in real-time without requiring code redeployments.
- 05
Decoupled REST API & Optimized State
High-performance architecture leveraging Next.js App Router and TanStack Query for client-side caching, coupled with Express.js and MongoDB.
Client Layer (Public Storefront & Admin Portal)
Built with Next.js 15 (App Router), React, and TypeScript. Uses Tailwind CSS and shadcn/ui for responsive styling, Framer Motion for smooth animations, and Lucide React for UI icons.
State Management & Client Data Layer
Leverages TanStack Query for server state management and API caching, Zustand for global UI state, and React Hook Form with Zod schema validation for robust client-side form handling.
RESTful API & Security Layer
Decoupled Express.js server written in TypeScript. Handles CORS, API routes, business logic, and JWT-based authentication to secure protected admin routes.
Database & Data Persistence Layer
Powered by MongoDB and Mongoose ODM for structured document modeling, managing schema definitions for templates, categories, user auth, and global site settings.
