Skip to main content

Portfolio

Stellar Burgers

React app to assemble burgers, place orders and track order statuses.
  • started with JavaScript and React class components, transitioned to Typescript and functional components
  • redux tookit, thunks for api controller
  • react portal for modals
  • react-dnd library to interact with the constructor
  • react-router for routing, protected routes
  • websocket for orders feeds
  • ui tests with the Cypress framework
  • redux reducers, api tests with the Jest
  • mobile layout
  • deployed with netlify
  • docker image, github action to build the image

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

Frontend Challenges

Frontend development challenges on the frontendmentor.io platform and from other places.
  • FAQ accordion: link
  • QR-code component: link
  • Social links profile: link
  • Four cards feature section: link
  • Product preview card: link
  • Recipe page: link
  • Four Horses Club: repo deploy

Timber Distribution v2

An SPA website with products gallery. Optimised for gesture and keyboard navigation.
  • meta tags are loaded with php for seo
  • navigate in products and categories with a keyboard
  • filter the products
  • optimized for mobile devices screens

Legion

A website for private security company.
  • build a static website with the gulp and pug templates
  • modified bootstrap sass styles
  • content relations are described in json
  • email newsletter made with the mjml framework: link

Timber Distribution

A website with products.
  • built with bootstrap
  • php script to send price list and store recepient’s email in mysql database
  • template for email newsletter: link