From an idea to an interface that works

Digital products

Ekaterina Tumanova

Frontend developer

I build websites and interfaces that are easy to use.

Explore projects

About me 02

A little about me

What interests me and how I approach my work.

I enjoy turning complex tasks into clear interfaces

I’m growing as a frontend developer: building websites, working on learning apps, and deepening my knowledge of React and TypeScript. I focus on logic, usability, and the details.

Before development, I worked in ecology and forestry. That experience taught me to approach tasks systematically and take responsibility for the result. Now I want to apply this experience in a team, contribute to digital products, and grow professionally.

HTML / CSS / JavaScript
Learning React & TypeScript
Open to working in a team

Expertise 03

Stack & tools

My toolkit for building digital products — and what I’m learning next.

Technical skills

HTML5, CSS3, SCSS
JavaScript
Responsive, cross-browser markup
Semantic markup, BEM methodology
REST API, Fetch API
SPA (single-page applications)
Basic SEO

Tools & approach

Git, GitHub
GitHub Pages, GitHub Actions (deploy)
Vite
Figma (markup from designs)
Markdown
Yandex.Metrica (analytics)
Component-based approach
Basic performance optimization

Currently learning

React
TypeScript
Unit testing (Vitest, Jest)
Firebase Authentication
Team Git workflow: branches, pull requests, code review

Languages

Russian — native
English (A2)

Learning 04

Always learning

Courses, certificates, and the next step in my development.

Stepik courses

06 certificates

Completed courses and certificates

All courses on Stepik

Courses from other platforms will appear here soon

Higher education

02 master’s degrees

Master’s degree2021

Forestry

Volga State University of Technology, Yoshkar-Ola

Graduated with honors

Master’s degree2018

Public and Municipal Administration

Ulyanovsk State University, Ulyanovsk

Graduated with honors

Portfolio 03 projects

Websites with character

Commercial and personal projects — from idea to launch.

01 / 03

Website for Anna Kudurova's podiatry and wellness aesthetics school-studio

A full-scale commercial project built from scratch based on the client's brief

A website for Anna Kudurova's podiatry and wellness aesthetics school-studio. The project was built with the field's specifics, brand positioning, and target audience needs in mind.

I independently designed the site structure, implemented responsive markup, wired up the required functionality, performed basic SEO optimization, and set up Yandex.Metrica to track traffic and user behavior.

Result: a modern, fast, and responsive website, ready for launch, promotion, and further development.

HTML5
SCSS
JavaScript
Yandex.Metrica

View project Source code

02 / 03

Personal portfolio website

Personal project

A personal portfolio website with an original concept and a distinctive visual style.

I independently designed the structure, visual design, and color palette, and implemented responsive markup and interactive elements using HTML, SCSS, and JavaScript.

Result: a unique personal website built entirely from scratch.

HTML5
SCSS
JavaScript
Yandex.Metrica

View project Source code

03 / 03

Documentation website for a forestry specialist

A fully original commercial project — from concept to finished website

A website for a forestry industry specialist, built entirely from scratch: from concept and structure to visual design, frontend development, and publishing.

I planned the site structure and user flow, developed the visual concept, and chose the color palette, typography, and graphic elements to create a cohesive style matching the project's subject.

I implemented responsive markup with HTML, SCSS, and JavaScript, ensuring the site displays correctly across devices, with particular attention to semantic markup, code structure, navigation, and content hierarchy.

I performed basic SEO optimization: refined the heading structure and meta tags, optimized images, and prepared the site for correct indexing by search engines. I also built the project and deployed the finished site online.

Result: a modern, responsive, fully original commercial website that I built from scratch — from the initial idea and visual concept to the finished product.

HTML5
SCSS
JavaScript
Vite
Yandex.Metrica

View project Source code

Browse projects

Practice07 projects

Learning through projects

Projects built while learning and developing new skills.

01 / 02

MiniGames

Built from Figma designs

MiniGames is an SPA catalog of browser mini-games, built independently from a Figma design and a technical specification. Written in TypeScript without frameworks.

I implemented a responsive layout, a client-side router, a game library with filtering, sorting and pagination, game cards with comments and likes, Firebase authentication (email and Google), and form validation. The code is covered with unit tests (Vitest) and checked by ESLint and Prettier; the work was done in feature branches through pull requests and code review.

TypeScript
Vite
SCSS
Firebase
Vitest
ESLint
Prettier

View project Source code

02 / 02

Coffee House

Built from Figma designs

Coffee House is a responsive coffee shop landing page with a menu catalog, built independently from a Figma design and a technical specification.

I implemented responsive markup following the design, a light and dark theme switch, a burger menu, a favorite drinks slider, a menu catalog with category filtering, and a product modal window.

HTML5
SCSS
JavaScript
Vite
Figma

View project Source code

Browse projects

01 / 03

Chessland

Educational project

An interactive online chess game built from a training video tutorial, with additional custom game-logic improvements and a completely redesigned interface style.

Development implemented the core chess mechanics and interaction with the board and pieces, along with custom changes and improvements to the application logic.

Special attention was given to the visual side — the tutorial's default design was reworked into a more modern, original style.

React
TypeScript
CSS3

View project Source code

02 / 03

Pizzeria — Gestione del Menu

Educational project

An SPA for managing a pizzeria menu, built with React and TypeScript. Implemented CRUD operations, controlled forms with validation, and data persistence in localStorage.

The core logic was built as part of a training course, while the interface design, responsive markup, and SCSS styling were done independently.

React
TypeScript
SCSS

View project Source code

03 / 03

Todo React

Educational project

Todo React is an educational SPA for task management, built while learning React. The project started from video tutorials and was then extended independently. Development covered the component-based approach, React Hooks, the Context API, working with a REST API, and structuring the application.

Implemented creating, searching, editing, deleting, and changing the status of tasks, with data synced through JSON Server.

React
JavaScript
Vite
SCSS
JSON Server
ESLint

View project Source code

Browse projects

01 / 02

Future Tech

Educational project

A landing page about future technologies, built while following a video tutorial. Development included responsive markup and interactive elements using HTML, SCSS, and JavaScript.

HTML5
SCSS
JavaScript

View project Source code

02 / 02

Kropp Fitness

Educational project

A responsive fitness club landing page built while following a video tutorial. The project helped reinforce semantic and responsive markup skills using HTML and CSS.

HTML5
CSS3

View project Source code

Browse projects

Contact 06

Let’s connect

Open to offers and new professional opportunities.

Email tumanova.ekaterina73@gmail.com Telegram @katymist

Digital products

A little about me

I enjoy turning complex tasks into clear interfaces

Stack & tools

Technical skills

Tools & approach

Currently learning

Languages

Always learning

Stepik courses

Higher education

Forestry

Public and Municipal Administration

Websites with character

Website for Anna Kudurova's podiatry and wellness aesthetics school-studio

Personal portfolio website

Documentation website for a forestry specialist

Learning through projects

Built from Figma designs

MiniGames

Coffee House

React from video tutorials, with my own design

Chessland

Pizzeria — Gestione del Menu

Todo React

Markup from video tutorials

Future Tech

Kropp Fitness

Let’s connect

Résumé

Code & learning