Mezentsev_Web

Веб-проекты — от простой HTML-вёрстки до React + TypeScript
Web projects — from basic HTML markup to React + TypeScript

---

🇷🇺 Русский

О репозитории

Репозиторий содержит 7 веб-проектов. Проекты расположены в папках с 1 по 7 и отражают постепенный рост навыков — от статичной HTML-страницы до интерактивного SPA на React с TypeScript.

---

📁 Структура проектов

Папка	Название	Описание	Стек
1	DnevnikM v1	Личная страница-дневник: анекдоты, рецензия на видео, расписание матчей ФК Ростов	HTML, CSS
2	ShitTalker67 v1	Юмористический лендинг «говорящего унитаза» с анимациями и блоком рекламы	HTML, CSS, JS
3	DnevnikM v2	Обновлённая версия дневника с переработанным оформлением	HTML, CSS, JS
4	ShitTalker67 v2	Расширенная версия ShitTalker67: форма отзывов, переключатель темы, работа с куками	HTML, CSS, JS
5	Бестиарий-Megabonk	Карточки существ, динамически генерируемые через JS, с боковой панелью статистики	HTML, CSS, JS
6	Пульс.рф	Форум-сообщество: CRUD-треды, комментарии, профиль пользователя, фильтрация, REST API	HTML, CSS, JS
7	Пульс.рф (React)	Рефакторинг проекта №6 на React + TypeScript	React, TypeScript

---

🛠 Технологии

---

🚀 Запуск

Каждый проект — самодостаточная папка. Для запуска достаточно открыть index.html в браузере.

Для проекта 7 (React + TypeScript):

cd 7
npm install
npm run dev

---

Автор

Максим Мезенцев — @vedomyyy

---

---

🇬🇧 English

About

This repository contains 7 web projects. Projects are organized in folders 1 through 7 and demonstrate progressive skill growth — from static HTML pages to an interactive SPA built with React and TypeScript.

---

📁 Project Structure

Folder	Name	Description	Stack
1	DnevnikM v1	Personal diary page: jokes, a video review, and FC Rostov match schedule	HTML, CSS
2	ShitTalker67 v1	Humorous landing page for a "talking toilet" with animations and fake ads	HTML, CSS, JS
3	DnevnikM v2	Revised version of the diary with updated styling	HTML, CSS, JS
4	ShitTalker67 v2	Extended ShitTalker67: review form, dark/light theme toggle, cookie handling	HTML, CSS, JS
5	Bestiary-Megabonk	Creature cards dynamically rendered via JS, with a stats sidebar	HTML, CSS, JS
6	Puls.rf	Community forum: CRUD threads, comments, user profile, filtering, REST API	HTML, CSS, JS
7	Puls.rf (React)	Project #6 rewritten in React + TypeScript	React, TypeScript

---

🛠 Tech Stack

---

🚀 Getting Started

Each project is a self-contained folder. Simply open index.html in a browser to run it.

For project 7 (React + TypeScript):

cd 7
npm install
npm run dev

---

Author

Maxim Mezentsev — @vedomyyy