Loading...

01/04

Site

Sadovnikov

Sadovnikov is a personal portfolio website. Its main purpose is to allow you to showcase your experience, stack, and projects to a potential employer. Also, Sadovnikov has become a large educational project in which I studied the modern architecture of full‑stack applications.

STACK

TypeScript

Redux Toolkit

NextJS

SASS

React

Caddy

KEY FEATURES

Media and files

Uploading and managing images directly from the admin panel, with file storage on your own server.

Administrative panel

A proprietary CMS for managing projects, descriptions, technologies, metrics, key features, and other content without directly editing the code.

Full‑stack infrastructure. CI/CD

Next.js, PostgreSQL, Prisma, and Docker Compose work as a single system, while Caddy provides HTTPS and routing for production traffic. CI/CD

Content editor

A rich-text editor with visual and HTML modes, supporting formatting, links, images, and inline styles.

Localization

Russian and English versions of the interface and content, with independent translation editing for each project.

Self‑hosted analytics

Umami integration for in‑house analytics of visits and user behavior without advertising trackers.

01 / 06

DESCRIPTION

PROJECT

Sadovnikov is my personal portfolio and, at the same time, a full-stack product that combines a custom CMS, a public website, localization, analytics, media storage and production infrastructure.

I did not want to build another static portfolio. I wanted a tool I could actually use to publish projects, manage metrics and media, and write detailed case studies without editing source code.

Next.js TypeScript PostgreSQL Prisma Docker Caddy

METRICS

Performance

Speed and perormance

90/100

Load time

Average loading time

1.4 s

Accessibility

Lighehouse, A11y

93/100

SEO

Search engine optimization

100/100

EVOLUTION

Explore the project timeline

0110

February 2026

Initial Commit

The first commit initializes the repository with basic files and structures.

February 2026

Basic Sections Implementation

Implemented sections like Header, Preview, Skills, and My Stack.

February 2026

User Interface Enhancements

Added interactive elements such as hover effects, animations, and responsive design improvements.

April 2026

Next.js Migration

Migrated the application to Next.js for improved performance and better routing management.

May 2026

Responsive Design Completion

Completed adapting all sections for different screen sizes including mobile, tablet, and desktop.

June 2026

Backend Integration

Integrated database functionality using Prisma ORM and implemented backend logic for dynamic data fetching.

July 2026

Authentication System

Implemented user authentication and authorization system with protected routes and validation.

July 2026

Localization Support

Added support for multiple languages, including full Russian localization.

August 2026

Testing Framework Setup

Set up testing frameworks and wrote comprehensive tests covering various aspects of the application.

September 2026

Design Improvements

Redsigned several sections and introduced a rich text editor for more flexible content creation.