Project Overview:
- Project: WtiHub Creator CMS | BlogCraft
- Type: Full Stack Web Application
- Architecture: MERN Stack
- Built By: WinnerTI – Full Stack Systems Architect
- TimeLine: 2 weeks
Role Breakdown:
- Frontend Engineer – WinnerTI
- Backend Engineer – WinnerTI
- Database Architect – WinnerTI
- System Designer – WinnerTI
- UI/UX System Designer – WinnerTI
- Deployment Engineer – WinnerTI
Problem
Content creators often rely on third-party platforms like Medium or WordPress, which limit customization, ownership, monetization control, and system scalability. There is a need for a self-hosted content publishing platform with full control over content, users, analytics, and system architecture.
Solution
I designed and built a full-stack content publishing infrastructure using the MERN stack that allows a creator to manage articles, upload media, track analytics, manage users through invite-only registration, and control the entire publishing workflow from a custom admin dashboard.
System Architecture Overview
System Architecture Includes:
- React Frontend Application
- Node.js + Express Backend API
- MongoDB Database Architecture
- Authentication & Protected Routes
- Admin Dashboard CMS
- Rich Text Editor Content System
- Image Upload & Storage Handling
- Search, Filtering, Categories and Tags
- Invite-Only User Registration System
- Contact & Message Management System
Back-end
- Node.js
- Express.js
- MongoDB
- Mongoose
- JWT Authentication
- REST API Architecture
- File Upload Handling
Front-end
- React.js
- React Router
- Axios
- CSS / Custom Design System
- Rich Text Editor
Tools & Infrastructure
- Git
- Render & Vercel
- Postman (API testing)
Features Implemented
- User authentication system
- Invite-only registration
- Blog post creation and editing
- Rich text editor for content writing
- Image upload system
- Admin dashboard CMS
- Categories and tags system
- Search and filtering functionality
- Contact form and message management
- Analytics dashboard
- Responsive design
- Full CRUD design
- Protected admin routues
- REST API backend architecture
Database Design
- Users
- Posts
- Categories
- Tags
- Messages
- Invite Codes
What This Project Demonstrates
This project demonstrates my ability to:
- Design full stack web applications architecture
- Build REST API systems
- Design database schemas and data relationships
- Implement authentication and protected routes
- Build admin dashboard CMS systems
- Implement file upload and media handling
- Design scalable frontend component architecture
- Build search and filtering systems
- Deploy full stack applications
- Structure production-level web applications
Project Summary
This project was built as a full-stack content publishing platform to demonstrate system architecture design, backend API development, database design, frontend engineering, and CMS dashboard development using the MERN stack. The platform is structured to be scalable and can be extended into a multi-user publishing platform, documentation system, or SaaS content platform.