NEERAJ
PRAJAPATI

ReelTube is an enterprise-grade social media and media-sharing platform built for the modern web. It combines the long-form content capabilities of traditional OTT platforms with the fast-paced, highly engaging nature of short-form "Reels" (in the vein of TikTok or YouTube Shorts).

Whether you're a content creator building an audience or a user exploring viral trends, ReelTube delivers a low-latency experience backed by a modern, scalable technology stack.

---

Features

1. Advanced Media and Feed System

• Algorithmic infinite scrolling — The "For You" and "Following" feeds load content dynamically as the user scrolls, with no pagination and minimal load times.
• Dedicated Reels player — An optimized, vertical swiping interface built specifically for short-form video consumption.
• Adaptive bitrate streaming (HLS) — Videos are processed asynchronously via FFmpeg and delivered through AWS CloudFront, adapting quality in real time across both 5G and slower connections.
• Rich upload studio — A full creator studio supporting image galleries, standard posts, and video uploads with live previews.

2. Real-Time Social Interactions

• Instant live chat — A Socket.io-powered messaging system for real-time conversations.
• Live presence tracking — Shows when friends are online or typing.
• Instant notifications — Push alerts fire the moment someone likes a post, leaves a comment, or follows a profile.

3. Enterprise-Grade Security

Note: Security follows a zero-trust philosophy — every interaction is validated to protect user data.

• Device and session management — Users can view all active sessions (e.g., "iPhone 14 in New York") and remotely revoke access to unrecognized devices.
• Two-factor authentication (2FA) — Full TOTP support to secure accounts against unauthorized access.
• Graceful account recovery — Automated deletion scheduling with a built-in grace period for users who change their mind.

4. Creator Analytics and Pro Tiers

• Engagement tracking — The backend tracks views, watch duration, and interaction types to refine the discovery algorithm.
• Pro tier automation — Creators are automatically assigned tiers (Star 1 to 5) based on engagement metrics, unlocking premium platform features.

---

User Journey

Step 1: Onboarding and Authentication

1. Sign up — Register on the platform with smooth UI feedback via toast notifications (powered by Sonner).
2. Secure the account — Enable 2FA in settings by scanning the provided QR code with an authenticator app.

Step 2: Content Discovery

1. The "For You" feed — The algorithm serves content based on global trends from the moment a user lands on the homepage, adapting further the longer they engage with a given type of content.
2. Explore tab — Search for hashtags, trending creators, or niche communities.

Step 3: Engaging with Content

1. Interact — Double-tap to like a Reel, or open the comment section to leave a comment. The like counter updates instantly, with no page reload.
2. Follow creators — Following a creator's profile triggers a real-time notification to their device immediately.

Step 4: Creating Content

1. Open the studio — Access the Upload Studio via the "+" icon.
2. Upload and process — Drag and drop a high-resolution video for an instant preview. On publish, BullMQ workers transcode the video into multiple resolutions in the background while the user continues browsing.

Step 5: Socializing

1. Messaging — Open the chat drawer to see who is online (indicated by a green dot) and start a real-time conversation.

CODEWOOM — Client Portfolio & Business Management Platform

A custom full-stack business platform developed for a client to manage digital presence, leads, content publishing, proposals, and internal operations from a centralized system.

Project Overview

CODEWOOM is a custom-built full-stack platform developed for a client to establish a strong digital presence while simplifying business operations such as lead management, blog publishing, newsletter handling, proposal tracking, and internal communication workflows.

The project combines a polished public-facing website with a secure admin dashboard and a scalable backend API. It was built with a strong focus on performance, maintainability, security, automation, and real-world business workflow management.

Live Project

Website: www.codewoom.com

Core Purpose

The platform was developed to help the client manage multiple business workflows from a single centralized system. Instead of relying on separate tools for portfolio management, lead tracking, blogging, communication, and proposal handling, the solution unifies everything into one scalable platform.

It enables:

• a professional public portfolio for visitors and prospects,
• a structured lead capture system,
• a content management workflow for blogs and projects,
• newsletter subscription management,
• proposal lifecycle tracking,
• and real-time admin communication.

System Architecture

CODEWOOM follows a three-application architecture:

App	Purpose
website	Public-facing portfolio, blog, and contact experience
dashboard	Internal admin panel for business operations
backend	REST API server powering both frontend applications

This separation keeps the platform modular, scalable, and easy to maintain as the product grows.

Technology Stack

Backend

• Node.js
• TypeScript
• Express.js
• Prisma ORM
• PostgreSQL
• Redis
• BullMQ
• Socket.IO
• JWT authentication
• bcryptjs
• TOTP-based 2FA
• Nodemailer
• AWS S3
• CloudFront CDN
• AWS Rekognition
• FFmpeg
• Zod
• Swagger
• Winston
• Morgan
• Helmet
• express-rate-limit
• DOMPurify
• CORS
• Docker
• Docker Compose
• GitHub Actions

Dashboard

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS v4
• Redux Toolkit
• React Redux
• Radix UI
• shadcn/ui
• Recharts
• React Hook Form
• Zod
• Axios
• next-themes

Website

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS v4
• Framer Motion
• Radix UI
• shadcn/ui
• React Hook Form
• Zod
• react-markdown
• remark-gfm
• Axios
• next-themes

Key Features

Public Website

The website acts as the public brand presence for CODEWOOM and includes:

• a modern homepage with strong brand messaging and call-to-action sections,
• portfolio/project pages with dynamic routing and structured content,
• blog listing and article pages with Markdown support,
• services and about pages,
• careers and hiring-related pages,
• a contact form for lead generation,
• newsletter subscription functionality,
• SEO-friendly metadata, Open Graph tags, and sitemap support,
• dark/light mode theming,
• privacy policy and terms pages.

Admin Dashboard

The dashboard is the internal control center for managing business operations:

• lead and contact management,
• proposal creation and tracking,
• blog content management,
• subscriber management,
• user and admin role management,
• analytics and operational insights,
• server health monitoring,
• settings and profile management,
• dark/light mode support.

Backend API

The backend powers the entire platform and includes:

• secure JWT-based authentication with access and refresh tokens,
• hashed token storage and per-device session handling,
• two-factor authentication using TOTP,
• role-based access control for multiple admin roles,
• real-time messaging with Socket.IO,
• background job processing with BullMQ,
• automated email workflows,
• file upload handling with AWS S3 and CloudFront,
• content moderation using AWS Rekognition,
• media processing with FFmpeg,
• API documentation through Swagger,
• health monitoring endpoints,
• request validation with Zod,
• security hardening with Helmet, CORS, and rate limiting,
• structured logging with Winston and Morgan,
• containerized deployment using Docker.

Business Workflow Coverage

CODEWOOM supports the full lifecycle of a digital agency workflow:

1. A visitor discovers the brand through the public website.
2. The visitor submits a contact form or subscribes to the newsletter.
3. The lead is tracked inside the admin dashboard.
4. The team reviews the lead, communicates through messaging, and creates a proposal.
5. The proposal status is tracked through the full sales pipeline.
6. Blog and portfolio content can be updated independently without affecting the main product flow.

This makes the platform not just a website, but a complete business operations system.

Security Highlights

Security was a major focus throughout the project. The platform includes:

• JWT access and refresh token rotation,
• secure token hashing,
• device-aware sessions,
• role-based authorization,
• OTP and 2FA support,
• request validation with Zod,
• rate limiting,
• CORS configuration,
• Helmet security headers,
• content sanitization,
• protected admin routes,
• audit-friendly login/session handling.

Performance and Scalability

The system was designed for production usage and includes multiple performance-oriented patterns:

• Redis caching for faster operations,
• BullMQ for asynchronous processing,
• CloudFront for CDN-based asset delivery,
• S3-based file storage,
• modular service separation,
• optimized API structure,
• background workers for heavy tasks,
• Dockerized deployment for consistency across environments.

Why This Project Stands Out

This client project demonstrates the ability to design and develop a complete production-grade platform with:

• public-facing marketing experience,
• internal business tooling,
• scalable backend architecture,
• secure authentication and role management,
• real-time communication,
• queue-based processing,
• automated email workflows,
• cloud storage integration,
• and modern Next.js application design.

The project reflects real-world business requirements, scalable architecture decisions, secure backend engineering, and production-focused development practices.

My Role

Full Stack Developer (Client Project)

Responsibilities included:

• designing the overall system architecture,
• building backend APIs,
• developing the public website,
• creating the admin dashboard,
• implementing authentication and authorization,
• integrating database models and business logic,
• setting up queues, caching, and background workers,
• managing file and media workflows,
• improving performance and production readiness,
• supporting deployment and maintenance.

Impact

CODEWOOM helped create a centralized, scalable digital platform that can be used to:

• showcase work professionally,
• generate and manage leads,
• publish content efficiently,
• track proposals and subscribers,
• improve communication,
• and simplify agency operations.

Summary

CODEWOOM is a production-grade client project that combines a modern public-facing website with a scalable backend infrastructure and an advanced business management dashboard. The project showcases full-stack development expertise, scalable architecture design, secure API development, cloud integrations, real-time systems, and business workflow automation in a real-world production environment.