Hi, I’m Tatyana Ignatenko!👋
I’m a Senior Frontend Engineer.
I design & build web applications.

Projects

Chat-GPT Messenger

(React, TypeScript, IndexedDB, HTML, CSS)
Demo Github
Real-time Cryptocurrency prices
table
Built a cryptocurrency prices table with real-time prices updates.

• Shows prices real-time.

• Shows for every cryptocurrency a chart with price changes in 7 days.
(React, TypeScript, WebSockets, HTML, CSS, chart.js)
Demo Github
Kanban board
Developed a Kanban board with the ability to create lists and list cards, move cards and lists within a board using drag and drop. Drag and drop logic was implemented without using external dependencies.

• Implementation of Drag n Drop logic (convinient Hooks API for React components).

• Minimum number of dependencies.

• Efficient algorithm for finding the placeholder location of a draggable item.

• Droppable containers can be scrolled by draggable items.

• Support for mobile devices and tablets.
(React, React hooks, Redux, JavaScript, HTML, SCSS)
Demo Github
Weather Statistics
Created a chart component for visualizing weather statistics.

• Built a chart using Canvas API.

• Optimized the calculations of chart coordinates by using Web Workers and IndexedDB.

• Built a convinient slider that displays the overview of the entire chart to select a specific period for the chart.
(JavaScript, DOM, Canvas, HTML, CSS, Web Workers, IndexedDB)
Demo Github
Range Slider
Implemented a common component to select numeric ranges.

• Draggable handles.

• Draggable selectedRange.

• Handles can be crossed.

• Resistant to size changes at runtime.

• Support for mobile devices and tablets.
(React, JavaScript, HTML, SCSS)
Demo Github
Pie Chart

Developed a common component for Pie Chart.

(React, TypeScript, HTML, SCSS)
Demo Github
Photo Detective

Built a tool to detect image insertions on photos using machine learning.

(React, TypeScript, Next.js, HTML, CSS, Python, Flask, TensorFlow)
Demo Github
Cinema app

Created an application for viewing cinema schedules and purchasing tickets.

(React, React hooks, Redux, JavaScript, HTML, SCSS)
Demo Github
Bitly Landing page

Built a responsive cross-browser accessible landing page. Optimized loading of images.

(React, TypeScript, HTML, CSS, CSS modules)
Demo Github