Проект BlogScape

Представляет собой небольшой блог с возможностью опубликовывать, удалять, сортировать различные посты.

Описание

В приложении реализован следующий функционал:

• создание постов через попап с соответствующей формой
• сортировка постов по заголовку/содержанию
• фильтрация (поиск) постов
• удаление постов с использованием анимации (React Transition Group)
• реализован индикатор загрузки постов
• постраничный вывод постов (пагинация)
• имплементирована постраничная навигация (React Router)

Технологии:

1. Адаптивная вёрсткая с помощью HTML5/CSS3
2. Использование методологии БЭМ
3. Приложение было собрано с помощью CRA (Create React App)
4. Был использован компонентный подход с использованием различных технологий React, таких как использование различных хуков, контекста, поднятие стейта, рефы, чистые компоненты.
5. Были использованы дополнительные библиотеки React: React Router v6, React Transition Group

Планы по доработке:

1. Реализовать возможность включения динамической пагинации постов (бесконечная лента)
2. Создать Back-end часть приложения для сохранения данных на сервере и их подгрузки оттуда

Ссылки

Демо: https://stankena.github.io/personal-blog