GitHub LinkedIn Email
+34 677841364 khrystsina.kozak@gmail.com linkedin.com/in/khrystsinakozak Barcelona, Spain

KHRYSTSINA KOZAK

Frontend Developer

Building responsive, interactive web applications focused on performance and user experience.

React Next.js TypeScript JavaScript Tailwind Material UI Firebase Figma
Drink ordering web app Exploration web app Caixabank Hackathon

My Portfolio

I'm Khrystsina Kozak, a Frontend Developer with a passion for creating responsive and dynamic web applications using React and TypeScript. With a focus on clean code, UI/UX design, and agile teamwork, I thrive in building seamless digital experiences.

Below are a few projects that showcase my skills and what I love to do. Feel free to explore, and don't hesitate to reach out if you'd like to connect!

Bubble Tea App
Platform
Web app
Duration
3 months
Vertical
eCommerce
React.js
Main library for building the user interface.
react
TypeScript
Fully applied to add static typing.
typescript
Tailwind CSS
Used for styling and responsive design.
tailwind
Firebase
Used FireStore as a backend.
firebase
brace

Bubble Tea App

Drink ordering web app

Complete drink ordering React-based web app with TypeScript and Firebase as a backend. It features user authentication, responsive design, order management, language selection and a product catalog.

View Live open-icon Open GitHub open-icon
brace
brace

Star Wars Directory

Exploration web app

React web application with user authentication, RESTful API, infinite scrolling and responsive web design that enables ​users to explore starships, pilots, and films from the Star ​Wars universe.

View Live open-icon Open GitHub open-icon
brace
Star Wars Directory
Platform
Web app
Duration
2 weeks
Vertical
Entertainment
React.js
Main library for building the user interface.
react
TypeScript
Fully applied to add static typing.
typescript
Tailwind CSS
Used for styling and responsive design.
tailwind
API RESTful
Used for data exchange.
firebase
Caixabank Hackathon
Platform
Web app
Duration
2,5 days
Vertical
Fintech
React.js
Main library for building the user interface.
react
JavaScript
Used for logic and data manipulation.
firebase
NanoStores
Used for state management.
tailwind
Material UI
Used and customized as a component library.
materialui
Jest
Used for unit testing.
firebase
brace

Caixabank Hackathon

Personal finance assistant

Built with React, Material UI, and Nano Stores, this app features user authentication, a responsive design, and tools to help clients track their spending, set budgets and visualize their financial health.

View Live open-icon Open GitHub open-icon
brace