Приложение для поиска книг

В проекте используются:

1. Архитектура FSD
2. Typescript
3. Scss
4. RTK, RTK Query
5. React Router
6. Api - https://openlibrary.org/

Проект разделен на страницы:

1. Главная
2. Поиск
3. Избранное
4. История
5. Авторицация
6. Регистрация
7. Карточка книги

1 уроверь(обязательный):

• Учетные записи, а также избранное и история поиска хранятся в localStorage
• Код разделен на глупые и умные компоненты: Умные: MainPageContainer, BookArticle, Header Глупые: Button, Spinner, Link
• Есть рендеринг списков: MainPageContainer, SearchPageContainer, HistoryPageContainer
• Реализована форма для ввода email и password для страниц авторизации и регистрации: LoginForm
• Реализован Контекст с темой приложения - ThemeContext в Header
• Реализован кастомный хук: useFavorites
• Предохранители не реализованы
• Компоненты Link и Input используют PropsTypes
• Используется useDebounce в компонентах MainPageContainer и SearchPageContainer
• Добавлена ленивая загрузка для Routing и Spinner в качестве fallback

Redux:

• Использую Modern Redux with Redux Toolkit store
• Использую слайсы: sessionSlice, favoritesSlice,historySlice
• Использую middleware для стороннего эфекта записи и чтения в localStorage historyMiddleware, favoritesMiddleware, sessionMiddleware

2 уровень(необязательный)

• Используется TypeScript: type Book, type User

Требования к фукциональности

Сущности:

• Гость, Пользователь - User
• Единица информации - Book

Лоудеры

• Компонент Spinner используется при ожидании, например в компоненте MainPageContainer

Приватные руты

• Компонент Protected используется в Routing для проверки на авторизацию, после чего либо дает нам доступ, либо перенаправляет на авторизацию

Вход выход пользователя

• Страницы Signin и Signup

Шапка сайта

• Компонент Header