Портфолио

Фронтенд

Chat App

https://github.com/Ivankalachikov/chat-app

https://hexlet-chat-app.herokuapp.com/

react (hooks), redux-toolkit, formik, socket.io, REST API, JWT, bootstrap, i18n, git CI, heroku, rollbar

Приложение чат - упрощенная версия slack. Работа с веб-сокетами, взаимодействие с REST API, использование React (с хуками), Redux (через reduxjs/toolkit), организация роутинга на клиента, авторизация и аутентификация и, конечно же, сборка (webpack) и деплой (heroku).

Image Gallery

https://github.com/Ivankalachikov/image-gallery_test-assessment

https://image-gallery-test-assessment.herokuapp.com/

react, redux, cra, scss, i18n, jest, heroku, git CI

Галерея изображений - добавление (url / dnd, image / json), отображение как в google images, удаление.

Разместить все картинки рядами. Ряды должны быть одинаковы по ширине, но могут различаться по высоте. Все картинки в одном ряду должны быть одинаковы по высоте. У картинок должны быть сохранены пропорции.

описание задач проекта

RSS Feed Reader

https://github.com/Ivankalachikov/RSS-reader

https://frontend-project-lvl3-ashy.vercel.app/

promises, MVC, i18n, jest, testing-library, git CI, vercel

RSS агрегатор - работа с DOM, webpack, Bootstrap, AJAX, валидацией и деплой проекта.

Самостоятельный выбор архитектуры, структуры проекта. Работа над выделением и обновлением состояния приложения. Реализация паттерна MVC, без использования фреймворков.

описание задач проекта

Gendiff

https://github.com/Ivankalachikov/gendiff

nodejs cli, jest

Вычислитель отличий - консольная утилита/модуль определяющий различие между двумя структурами данных (json, yaml файлы). Вывод различий в разных форматах. Cli, unit-тесты, рекурсия.

описание задач проекта