Blog Platform — Современная платформа для ведения блога

Описание

Blog Platform — это полнофункциональная платформа для ведения блога с аутентификацией, созданием и редактированием статей, а также системой лайков.

Основные функции

• Система аутентификации:
  • Регистрация новых пользователей
  • Вход в систему
  • Редактирование профиля
  • Сохранение сессии при перезагрузке
• Работа со статьями:
  • Просмотр списка статей с пагинацией
  • Чтение статей в формате Markdown
  • Создание и редактирование статей
  • Удаление статей с подтверждением
  • Система лайков
• Валидация форм:
  • Клиентская валидация с React Hook Form
  • Обработка серверных ошибок
  • Валидация всех форм согласно требованиям

Ключевые преимущества

• ✅ Полноценная система аутентификации и управления профилем
• ✅ Удобный редактор статей с поддержкой Markdown
• ✅ Оптимизированная работа с большими списками статей через серверную пагинацию
• ✅ Интуитивно понятный интерфейс с обработкой всех состояний (загрузка, ошибки)
• ✅ Адаптивный дизайн на TailwindCSS

Стек технологий

Frontend

• React 19 — библиотека для создания пользовательского интерфейса
• Redux Toolkit — управление состоянием приложения
• React Router v7 — навигация между страницами
• React Hook Form + Yup — валидация форм
• React Markdown — отображение статей в формате Markdown
• TailwindCSS — стилизация компонентов

Инструменты

• Vite — инструмент сборки проекта
• ESLint + Prettier — единый стиль кода
• React Toastify — уведомления для пользователя

Как использовать

1. Перейдите на сайт приложения: Blog на Vercel
2. Зарегистрируйте новый аккаунт или войдите в существующий
3. На главной странице просматривайте список статей с пагинацией
4. Нажмите на статью для полного просмотра (поддержка Markdown)
5. Создавайте новые статьи через соответствующую страницу (требует Авторизации)
6. Редактируйте или удаляйте свои статьи (требует Авторизации)
7. Ставьте лайки понравившимся статьям (требует Авторизации)
8. Обновляйте свой профиль через страницу редактирования (требует Авторизации)

Установка и запуск

Для локального запуска выполните:

1. Клонируйте репозиторий:

git clone https://github.com/seva123321/blog.git

2. Перейдите в папку проекта:

cd blog-platform

3. Установите зависимости:

npm install

4. Запустите проект:

npm run dev

5. Откройте браузер и перейдите по адресу: http://localhost:5173.

Доступные страницы

• / — Главная страница со списком статей
• /articles/:slug — Страница отдельной статьи
• /sign-in — Страница входа
• /sign-up — Страница регистрации
• /profile — Страница редактирования профиля
• /new-article — Создание новой статьи
• /articles/:slug/edit — Редактирование существующей статьи

Автор

• Всеволод Могучий