Веб-приложение состоит главным образом из двух страниц:
- Страница карточек с предложениями по кредитам:
- В карточке содержится основная информация (банк, проценты, сумма и тд).
- Предложения можно сортировать по ставке или по сумме кредита.
- Новые предложения подгружаются по запросу;
- Страница для отдельного предложения - содержит полную информацию о предложении.
Поскольку возможности использовать настоящее backend-API нет, но есть небольшой файлик с примерами данных, все "запросы" на сервер были проэмулированы с использованием промисов (подробности можно посмотреть в файле /src/api/api.js).
Основной стек используемых технологий:
- React
- CSS (flexbox)
- Адаптивная верстка (все еще на стадии разработки)
- BrowserRouter (а точнее, HashRouter - из-за сложностей с url при деплое на github-pages)
- Redux
- Redux-thunk
- Module-CSS
- React.Lazy / React.Suspense - для динамических импортов
Чтобы запустить данное приложение на своем компьютере, необходимо склонировать этот репозиторий и запустить следующие команды (предварительно необходимо установить npm):
npm install
npm start
Также есть задеплоенная на github-pages версия: https://reedgern.github.io/Test-app