Full-Stack Engineering Project

Independently designed and built by Maks Kosianchuk

Scribo

Full-Stack Publishing Platform built from scratch

Full-Stack News & Publishing Platform built from scratch A modern platform for creating, publishing and interacting with news content. Built with React, Node.js, MongoDB and AWS.

React Node.js MongoDB AWS S3 Vercel Git Flow
Scribo interface
Overview

A publishing system, not just a blog

A complete news platform, not just a blog Scribo combines content publishing, user interaction and administration into a single platform. Users can create accounts, verify their email, follow authors, save articles, like and comment on posts, and receive notifications. Authors can create and manage publications through a rich text editor, while administrators manage content, permissions and platform activity. Scribo was independently designed and built end to end by Maks Kosianchuk.

Source Files

Lines of Code

Total Commits

Cups of Coffee During Development

Product Workflow

How Scribo works

The platform connects content creation, storage, publishing and user interaction into one workflow.

01

User creates an account and verifies email.

02

Author creates articles using rich text editor.

03

Images are uploaded to cloud storage.

04

Published content receives comments and interactions.

05

Administrators monitor platform activity.

Core Modules

Platform functionality

Authentication

JWT authentication, email verification and protected routes.

Content Management

Article creation, rich text editing, categories and image uploads.

User Interaction

Comments, replies, likes and notifications.

Role System

Different access levels: user, author, admin and technical administrator.

Administration

Manage users, posts, categories and platform settings.

Activity Tracking

Centralized logs for monitoring important actions.

Architecture

How the system is built

The application is separated into frontend, backend services, authorization layers and external storage.

React Application
REST API
Express Backend
Validation Layer
Authentication Middleware
Permission System
Business Logic
MongoDB
AWS S3
Technology Stack

Tools behind Scribo

Frontend

  • React
  • Redux Toolkit
  • SCSS Architecture
  • Reusable Components

Backend

  • Node.js
  • Express
  • REST API
  • JWT Authentication
  • OpenAPI / Swagger

Infrastructure

  • MongoDB
  • AWS S3
  • Cloud Storage
  • Vercel
Engineering Highlights

What was built

Backend Architecture

Designed REST API architecture with controllers, validation, authentication middleware and database integration.

Frontend System

Created reusable React components, responsive layouts and rich text editing workflow.

Security & Permissions

Implemented JWT authentication and role-based access control for different user levels.

API Documentation

Created Swagger API documentation with structured endpoint references for backend integration and testing.

Cloud Infrastructure

Integrated AWS S3 storage for uploaded media and file management.

Core Entities

Data model

Users

User accounts, profiles, passwords, avatars, subscriptions, notifications and account settings.

Posts

Articles with title, content, images, metadata, likes and publishing data.

Comments

Comment records with authors, post references, likes and nested replies through parent IDs.

Categories

Content organization with category names, colors and metadata.

Email Verification

Temporary verification codes with expiration for account security.

Logs

Platform activity records for tracking important user and admin actions.

Challenges & Solutions

Engineering decisions

Nested Comments

Implemented recursive comment structure with replies.

Rich Text Editor

Integrated Lexical editor for structured article creation.

Authorization

Created middleware-based permission checking.

Media Storage

Integrated AWS S3 for image uploads.

Activity Logs

Built centralized tracking system for administrators.