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 - Отсортировать посты по дате (опц.)
- Получить
slugизuseParams - Найти нужный пост в
posts.json - Отобразить: заголовок, дата, полный текст
- Сделать кнопку "Назад на главную"
- Имя, краткое био, фото (опц.)
- Можно оформить в виде карточки или секции
- Применить Tailwind для стилизации
- Анимации при переходах (
framer-motion) - Поиск постов по имени
- Сортировка: по дате