Личный проект в рамках React-интенсива Aston. Pictorial - это сервис для поиска, просмотра и скачивания изображений. С помощью данного приложения ты сможешь найти изображения и фотографии на любой вкус!
Зарегистрируйся, и сможешь добавлять понравившиеся картинки в список избранного, а также просматривать историю поиска.
- React.js (сборка - Create React App);
- TypeScript;
- Redux Toolkit (+ RTK Query);
- React Router;
- Day.js;
- Tailwind CSS;
- Преимущественно используются функциональные компоненты;
- Есть разделение на "глупые" и "умные" компоненты (SearchForm/Search, PictureList/MainPage, Toggler/ThemeControl);
- Есть рендеринг списков (FavoriteList, HistoryList);
- Применены управляемые компоненты форм (SignInForm, SignUpForm);
- Применен Context API для изменения цветовой темы (ThemeProvider, Layout);
- Присутствуют ErrorBoundaries (ErrorBoundary);
- Используется кастомный хук useDebounce в работе поисковых запросов;
- В компоненте PrivateRoute использованы PropTypes;
- Используется lazy-загрузка модулей страниц приложения (App);
- В качестве state-менеджера использован Redux + Redux Toolkit (store);
- Используется кастомная middleware logger для логирования действий пользователя;
- Запросы к API обрабатываются с помощью RTK Query (pictureAPI);
- Реализована авторизация с использованием localStorage;