Портфолио
Stellar Burgers
React приложение с конструктором бургеров, оформлением заказа и лентами заказов.
- Проект был начат с классовых компонентов на JavaScript c PropTypes, позже мигрировал на функциональные компоненты и TypeScript.
- Была использована UI библиотека с базовыми компонентами.
- Взаимодействие с ингредиентами основано на drag-and-drop, использовалась бибиотека react-dnd.
- С помощью WebSocket были подключены ленты заказов: общая для всех заказов и персональная для авторизованных пользователей.
- Использовалось Redux-хранилище для данных пользователя, ингредиентов, заказа. Для получения данных использовали Redux thunk’и и контроллер для REST API.
- Была реализована адаптивная разметка
- Для тестирования контроллера API и редьюсеров хранилища использовался фреймворк Jest
- Для тестирования взаимодействия пользователя с конструктором (добавление, изменение, отправка запроса) и модальными окнами использовался фреймворк Cypress
- Проект задеплоен на Netlify, также сборка docker-образа с GitHub action
Silent Hill Runner
A runner game, with a leaderboard and a forum, developed in a team of four with task management.
- a monorepo for frontend and backend parts
- frontend: typescript, react, styled-components, redux, rtk query
- backend: express, sequelize, postgresql, ssr
- docker images are built with github action
- virtual machine configuration on the yandex cloud, nginx
- HTML5 canvas
- linear task management
- cache the assets with a service worker
Sweater Messenger
A messenger app is built on custom components with life cycle.
- design patterns: proxy, event bus
- handlebars templator
- api service and controller
- websocket for a message exchange
- transition from JavaScript to TypeScript
- testing with the Jest framework
- figma design
- custom routing on the history web api
