Skip to content

WhilsoM/mini-blog

Repository files navigation

mini blog on React

I use in this project React + Ts + Tailwind

🗂️ Структура проекта

src/
	app/
	pages/
	widgets/
		header/
			ui/
				Header.tsx
				header.module.scss
			index.ts
	features/
	shared/

🌐 Роуты

Путь Компонент Описание
/ Home Главная: список всех постов
/post/:id Post Отдельный пост
/profile Profile Информация о себе

✅ Задачи по страницам

🏠 Главная страница /

  • Подключить posts.json
  • Отобразить список постов в виде карточек
  • Каждая карточка: название, дата, краткое описание
  • Кнопка/ссылка "Читать дальше" ведёт на /post/:slug
  • Отсортировать посты по дате (опц.)

📄 Страница поста /post/:slug

  • Получить slug из useParams
  • Найти нужный пост в posts.json
  • Отобразить: заголовок, дата, полный текст
  • Сделать кнопку "Назад на главную"

👤 Страница профиля /profile

  • Имя, краткое био, фото (опц.)
  • Можно оформить в виде карточки или секции
  • Применить Tailwind для стилизации

💡 Дополнительные улучшения (необязательно)

  • Анимации при переходах (framer-motion)
  • Поиск постов по имени
  • Сортировка: по дате

Releases

No releases published

Packages

No packages published