MAHDI®

Project 07Completed

Newsx

"Interactive Social Publishing & Discussion Platform"

RoleFull Stack Developer
ClientPersonal Project
Timeline1 month
CategoryFull Stack
1 / 5
Newsx screenshot 1
// System Architecture

The Engineering & Product Vision

Detailed breakdown of technical execution, engineering trade-offs, and high-stakes user requirements delivered in this project.

Newsx is a production-grade full-stack social blogging application that combines the best of modern web development practices. Built with Next.js and React on the frontend, and a robust Express.js + MongoDB backend, it delivers a fast, responsive, and engaging user experience. The platform supports full user authentication with JWT access/refresh tokens, email verification, and secure password reset flows. Users can write beautiful posts using TipTap rich text editor, upload images via Cloudinary, engage through likes/dislikes on posts and comments, and build communities by following other authors. A standout feature is the deeply nested commenting system (up to 5 levels) and real-time notification system. The admin dashboard provides complete control: suspend users/content, view analytics, and manage the entire platform. Comprehensive account deletion ensures all user data is permanently removed. The entire API is fully documented with Swagger UI and deployed as serverless functions on Vercel.

// Key Capabilities

Engineered Capabilities & Milestones

FEATURE #01

Full JWT Authentication with Refresh Tokens

FEATURE #02

Rich Text Editor (TipTap) + Cloudinary Media

FEATURE #03

Deeply Nested Comments (Up to 5 Levels)

FEATURE #04

Likes/Dislikes & Community Social Feeds

FEATURE #05

Real-Time Notification Delivery System

FEATURE #06

Comprehensive Administrative Moderation Dashboard

FEATURE #07

Global Full-Text Search across Posts & Users

FEATURE #08

Complete GDPR-compliant Account Deletion

FEATURE #09

Interactive Swagger API Documentation

// Technology Stack

Technologies & Tools Deployed

Next.jsFrontend Engineering
Tailwind CSSFrontend Engineering
Express.jsBackend Architecture
MongoDBDatabases & Storage
CloudinaryDatabases & Storage
VercelDevOps & Cloud
// INITIATE COLLABORATION

HAVE A PROJECT
IN MIND?

Available for select full-stack development, software engineering, and contract work. Let's engineer something extraordinary together.