Skip to content
View AlliumPro's full-sized avatar
🏠
Working from home
🏠
Working from home

Highlights

  • Pro

Block or report AlliumPro

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
alliumpro/README.md

Oh, hi there!

  • Name: Ivan Murzin
  • Location: Moscow
  • Role: Frontend Developer (React + TypeScript)
  • Contact me: Telegram

Open to Intern / Junior Full-time positions in Moscow (ready to relocate from Innopolis)

I build production-ready React applications with TypeScript, REST API integration and structured state management.
I take a project from UI implementation to deployment using Docker and CI/CD pipelines.


What I Do

  • Develop SPA applications using React + TypeScript
  • Implement routing, global state management (Redux Toolkit, Context API)
  • Work with REST APIs (JWT auth, refresh tokens, error handling)
  • Apply performance optimizations (code splitting, lazy loading, memoization)
  • Configure Docker and GitHub Actions for automated builds and deployments

Skills & Technologies

My Skills

Frontend

  • React, TypeScript, JavaScript (ES6+), Redux Toolkit, Context API, React Router, HTML5, CSS3, responsive layout

API & Networking

  • REST APIs, Fetch
  • JWT authentication, refresh tokens
  • Understanding of HTTP, networking fundamentals

DevOps & Tools

  • Docker, Docker Compose
  • GitHub Actions (CI/CD pipelines, auto-deploy)
  • Linux basics, Bash
  • Basic experience with Grafana + Elasticsearch

Computer Science Foundation

  • Data Structures & Algorithms fundamentals
  • Networking & distributed systems basics
  • Applied mathematics (Linear Algebra, Probability)
  • Basic cybersecurity principles

Top Projects

Stellar Burger - React + Redux Application

Single Page Application with routing, global state management and authenticated user flows.

  • Configured client-side routing with React Router (including protected and dynamic routes)

  • Implemented global state management using Redux Toolkit

  • Created async thunks for API integration and data fetching

  • Built authentication flow with protected routes and token-based access

  • Implemented real-time order feed (WebSocket-based updates)

  • Developed modal routing for ingredients and order details

  • Added form handling with validation and UX loaders

    Result: Fully functional SPA with authentication, role-based access, real-time updates and structured Redux architecture.

LibNet - Multi-Library Aggregator

Full-stack university capstone project for multi-library book search and reservation management.

  • Designed full UI/UX in Figma and implemented React-based interface.
  • Deployed application to VPS using Docker and docker-compose.
  • Configured CI/CD pipeline with GitHub Actions for automated deployment.
  • Set up custom domain with HTTPS (SSL).

WebLarёk - TypeScript Architecture & Data Modeling Project

Designed and implemented the data architecture of an online store using MVP pattern.

  • Designed application architecture with clear separation of concerns
  • Defined TypeScript interfaces for domain models (Product, Buyer, Order)
  • Implemented data-layer classes (Catalog, Cart, Buyer) with isolated responsibility
  • Built validation logic for buyer data with structured error reporting
  • Developed communication layer for API integration (GET products / POST orders)

Result: Scalable, type-safe architecture with clear separation between data models and API layer.

Blog Customizer - React State Management & UI Customization Project

Implemented interactive blog page customization via a dynamic sidebar panel.

  • Built component composition using pre-designed UI-kit components (Storybook)
  • Implemented sidebar open/close logic with outside click handling
  • Managed separate state for form inputs and applied page styles
  • Implemented controlled form behavior with delayed state application
  • Applied dynamic styling through CSS variables at the application level
  • Added reset-to-default functionality with proper state synchronization

Result: Component composition, state management, controlled forms, dynamic styling with CSS variables.

Smart Table - API-Driven Data Table Refactoring

Refactored a client-side smart table to work with a remote API using query-based filtering, sorting, searching and pagination.

  • Replaced local data processing with server-driven query parameters
  • Implemented async rendering pipeline with API integration (GET records)
  • Refactored pagination to support server-side data slicing
  • Implemented server-based filtering, searching and sorting via URLSearchParams
  • Added request caching mechanism to prevent redundant API calls
  • Removed legacy client-side comparator logic (300+ lines) while preserving functionality

Result: Server-side filtering, sorting and pagination with async rendering and clean query-driven architecture.

Closing Tag - Advanced CSS Layout & Animation Project

Built a fully responsive blog layout with complex gradients, adaptive typography and advanced CSS animations.

  • Implemented responsive layout using clamp() and fluid sizing
  • Configured variable fonts (Inter) with font-variation-settings
  • Built multi-layer fixed gradient background using repeating-linear-gradient
  • Implemented accessible modal window using native element
  • Developed interactive button effects with transitions and blend modes
  • Created complex SVG heart animation (hover, active, liked states) with keyframes
  • Applied CSS filters and mix-blend-mode for visual effects
  • Published project via GitHub Pages

Focus: Advanced CSS, SVG animation, responsive design, visual effects, UI interaction states.


Education


Languages

  • Russian — Native
  • English — C1 (comfortable with documentation, technical discussions, and interviews)
     _    _ _ _                 ____            
    / \  | | (_)_   _ _ __ ___ |  _ \ _ __ ___  
   / _ \ | | | | | | | '_ ` _ \| |_) | '__/ _ \ 
  / ___ \| | | | |_| | | | | | |  __/| | | (_) |
 /_/   \_\_|_|_|\__,_|_| |_| |_|_|   |_|  \___/ 
                                                

Pinned Loading

  1. stellar-burgers stellar-burgers Public

    Космическая бургерная

    TypeScript

  2. IU-Capstone-Project-2025/libnet IU-Capstone-Project-2025/libnet Public

    JavaScript

  3. blog-customizer blog-customizer Public

    Project template

    TypeScript

  4. zakrivayuschiy-teg-f zakrivayuschiy-teg-f Public

    Проект "Закрывающий тег"

    HTML

  5. ono-tebe-nado-fd ono-tebe-nado-fd Public

    ono-tebe-nado-fd

    HTML

  6. i-geeg-i/dnp-shamir i-geeg-i/dnp-shamir Public

    Python