Full-Stack DeveloperVeronika Kravchenko

Welcome to my Portfolio Page!

Experienced in building structured, SEO-friendly, and high-performance websites. I focus on clean architecture, scalable solutions, and delivering a perfect appearance with semantic, accessible HTML and maintainable code.

I specialize in React, Next.js, and TypeScript, and contribute on both the frontend and backend with attention to details and performance.

Shared Values

Featured Projects

Technologies

*This list is based on the technologies used in the publicly available projects shown below.

Filter technologies by categories

Select type:

Projects

Category:

Type:

Total: 27

  • WebStudio

    WebStudio

    Individual project

    • HTML
    • SCSS
    • JavaScript
    • Figma

    About: Two-page adaptive website. Interactive JavaScript: Mobile Menu, Modal Form, Projects filtering on the Portfolio page.

  • BarberShop

    BarberShop

    Individual project

    • HTML
    • SCSS
    • JavaScript
    • Figma

    About: Adaptive landing page. Interactive JavaScript: Hero Slider, Mobile Menu, Smooth scrolling.

  • Protective Face Masks

    Protective Face Masks

    Individual project

    • HTML
    • SCSS
    • JavaScript
    • Gulp
    • Webpack
    • Figma

    About: Adaptive Homepage based on the desktop Figma layout. Interactive JavaScript: Mobile Menu, Reviews Slider.

  • Filmoteka

    Filmoteka

    Team project

    • HTML
    • SCSS
    • JavaScript
    • Figma
    • Parcel
    • Scrum

    About: Project for searching and adding favorite movies to a client's personal library.

    Responsibility: Implemented pagination and movie collection display. Refactored header styles due to the addition of new features.

  • Flower Shop

    Flower Shop

    Team project

    • HTML
    • SCSS
    • JavaScript
    • REST API
    • Axios
    • Postman
    • Figma
    • Parcel
    • Scrum

    About: A multiple-page adaptive Flower Shop website.

    Responsibility: Completed 10 different layout blocks: Hero, Hero Slider & Hero Modal Form, Filter, Advantages, How It Works, Instagram, Guarantee, Return, Help sections, Register/Login forms and Personal Cabinet. Implemented client authorization. Scrum Master.

  • Digital Project «Home»

    Digital Project «Home»

    Individual project

    • HTML
    • SCSS
    • JavaScript
    • Figma

    About: Adaptive webpage based on the desktop Figma layout. Interactive JavaScript: Mobile Menu, Hero Slider, Scroll Animation.

  • Psycology

    Psycology

    Team project

    • HTML
    • CSS
    • SCSS
    • Parcel
    • Figma
    • Scrum

    Responsibility: Completed Seminars Page. Scrum Master.

  • Image Finder

    Image Finder

    Individual project

    • React
    • React Hooks
    • TypeScript
    • Styled Components
    • Axios

    About: The Image Finder App for searching images based on keywords. Load More implemented.

  • Coffee Feedback Widget

    Coffee Feedback Widget

    Individual project

    • React
    • TypeScript
    • Styled Components
    • Custom Hooks

    About: An application to collect statistics. Reset & Restore Options implemented.

  • User Cards

    User Cards

    Individual project

    • React
    • Custom Hooks
    • Styled Components

    About: This project features user cards with an interactive Follow button and dynamic follower count. The button's state and follower count are retained upon page refresh.

  • 2048

    2048

    Individual project

    • HTML
    • CSS
    • JavaScript
    • OOP

    About: The game logic handles tile movement, merging, and score updates, all encapsulated within classes for clean, modular code.

  • Memory Game

    Memory Game

    Individual project

    • React
    • Custom Hooks
    • Styled Components

    About: Three themes implemented: Coffee, Flowers, Music. The app fetches data from the local db folder based on the current theme.

  • Random Quote Generator

    Random Quote Generator

    Individual project

    • React
    • Styled Components
    • Axios

    About: The Random Quote Generator provides a random quote on request.

  • Ice-Cream

    Ice-Cream

    Team project

    • HTML
    • SCSS
    • JavaScript
    • Parcel
    • Scrum
    • Trello
    • Figma

    About: Colorful adaptive landing page.

    Responsibility: Completed Products Section. Scrum Master.

  • Bakery

    Bakery

    Individual project

    • Next.js
    • Tailwind CSS
    • TypeScript
    • Figma

    About: Adaptive Bakery Website.

  • Contact Book

    Contact Book

    Individual project

    • React
    • Redux
    • React Hooks
    • React Router
    • React Hook Form
    • Axios
    • REST API
    • Postman
    • Webpack
    • Chakra UI

    About: A simple adaptive contact book connected to backend API. Users can register, log in, add, edit, remove or filter contacts, log out.

  • Petly

    Petly

    Team project

    • React
    • Styled Components
    • React Hook Form
    • React Dropzone
    • Yup
    • TanStack Query
    • REST API
    • Postman
    • Axios
    • TypeScript
    • NestJS
    • MongoDB
    • AWS SDK
    • Swagger
    • Database Design
    • OOP
    • Scrum
    • Figma

    About: React App for providing resources, information, and support to pet owners.

    Responsibility: Client-side: Implemented post creation, post and comment deletion. Styled Posts and PostDetails pages (Private Route). Server-side: Completed News, Friends, Pets and Blog backend modules with their Swagger documentation, including Database Design for the Blog module.

  • Movie Recommendations

    Movie Recommendations

    Individual project

    • React
    • Custom Hooks
    • Storybook
    • GraphQL
    • Apollo
    • Material-UI
    • React Intl
    • React Final Form
    • Express
    • Date-fns

    About: Adaptive React application that allows users: to search for movies using different queries, view movie details in a modal window, watch movie trailers, create a list of favorite movies, and share it via social media.

  • Contacts REST API

    Contacts REST API

    Individual project

    • Express
    • MongoDB
    • Postman
    • REST API
    • JWT
    • Joi

    About: REST API for Contact Management. The API includes two routes: one for authentication and one for managing contacts.

    Links:

    GitHub
  • Patissier

    Patissier

    Team project

    • React
    • NestJS
    • MongoDB
    • Swagger
    • TypeScript
    • REST API
    • Postman
    • Axios
    • Firebase
    • OOP
    • Database Design

    Responsibility: Client-side: Completed Course Details Page. Server-side: Completed Courses and Groups server modules, including Database Design.

    Links:

    GitHub
  • Extras: Translation and Visa Services

    Extras: Translation and Visa Services

    Team project

    • React
    • Material-UI
    • NestJS
    • Docker

    About: A website for Extras, a company that provides translation and visa services.

    Responsibility: Improved the user interface, added interactive elements, and customized the theme based on client requirements.

    Links:

    Live page
  • Todos

    Todos

    Individual project

    • Vue
    • Vue Router
    • SCSS

    About: A simple Vue Todo app. Users can create, edit, delete and mark tasks as completed.

  • Trello Board

    Trello Board

    Individual project

    • Nuxt
    • Tailwind CSS
    • VueUse
    • TypeScript

    About: A simple Trello Board app. Users can create, edit and delete columns; create and drag tasks between columns.

  • The Pineapple Stand

    The Pineapple Stand

    Individual project

    • Vue
    • Pinia
    • Tailwind CSS

    About: This project demonstrates state management with Pinia, allowing users to browse, add, and manage pineapple products in a reactive store.

  • Recipe Book

    Recipe Book

    Individual project

    • Next.js
    • Custom Hooks
    • TypeScript
    • Styled Components
    • Axios
    • NestJS
    • OOP

    About: Test task. A responsive full-stack web application for browsing and filtering recipes using TheMealDB API. Users can explore recipes by ingredient, category, or country, and view detailed information for each dish. *Instructions for installation and running the app are provided in the README.md.

    Links:

    GitHub
  • i-CHEF

    i-CHEF

    Team project

    • WordPress
    • Spectra

    About: i-CHEF is a Ukrainian brand of professional clothing and textiles for the HoReCa industry.

    Responsibility: Migrating the website from HTML to WordPress.

    Links:

    Live page
  • Joseph Conrad English School

    Joseph Conrad English School

    Team project

    • HTML
    • SCSS
    • JavaScript
    • Figma
    • Express

    About: Landing page for JC English School.

    Responsibility: Transformed an unfinished desktop layout into a complete, production-ready responsive site, including form validation setup and backend submission. Implemented SCSS and JavaScript using a feature-based module structure.

    Links:

    Live page