About Me

I'm Dimitri Kokhtashvili, a front-end-focused full-stack developer specializing in React and Next.js. I have a passion for building dynamic, responsive user interfaces and have experience creating efficient and scalable back-end systems with Express.js. My primary focus is on front-end development, ensuring a seamless user experience, but I also bring full-stack knowledge to projects that require it.

Skills

Programming Languages, Libraries, frameworks and tools:

Projects

E-commerce

E-commerce image

    Project Description

  • User registration with email verification
  • Password recovery with secure OTP verification
  • User password change
  • Admin panel for add, delete items and viewing registered user list
  • Product filters to refine searches
  • Checkout feature with a summary email detailing purchase
  • No payment system integration
  • Checkout email links to the user’s orders page, showing completed orders
  • Clear Error Messages: Instant feedback for registration,login, OTP verification, and password recovery, covering invalid credentials, OTPs, and unregistered emails.
  • Live inventory checks directly from the database based on item selection
  • Technologies

    React, TypeScript, Redux, Node.js, Express, MongoDB, Yup, Joi, Nodemailer, Tailwind

Front-end

web

Back-end

web

entertainment-web-app

entertainment-web-app image

    Project Description

  • User registration
  • Filter options by movie name, move and TV series
  • Bookmarking feature for saving favorite movies and TV series
  • Error handling with clear messages during registration and login
  • Responsive interface for an enhanced user experience
  • Technologies

    React, TypeScript, Redux, Node.js, Express, MongoDB, Yup, Joi, Tailwind

Front-end

web

Back-end

web

memory game

memory game image

    Project Description

  • Choose to play solo or with up to 4 players
  • Select between number or icon themes for the game tiles
  • Choose from two grid sizes: 4x4 for a quick game or 6x6 for more challenge
  • ptimized layouts for different screen sizes, ensuring a smooth experience on any device
  • Interactive elements feature hover effects for a dynamic user interface
  • Technologies

    React, TypeScript, Redux, Tailwind

Front-end

web

space-tourism-website

space-tourism-website image

    Project Description

  • Explore detailed information about destinations, crew members, and space technology
  • Toggle tabs to seamlessly switch between categories and learn more about each topic
  • Fully responsive design, optimized for desktop, tablet, and mobile viewing
  • Hover effects on interactive elements, enhancing user navigation and engagement
  • Visually engaging layout with smooth transitions and immersive imagery
  • Technologies

    React, TypeScript, Tailwind, Express, MongoDB

Front-end

web

Back-end

web

password-generator

password-generator image

    Project Description

  • Generates secure passwords with customizable length and options for uppercase letters, lowercase letters, numbers, and symbols.
  • Displays a strength indicator to provide instant feedback on password security.
  • Designed for responsiveness across devices
  • Allows one-click copying of generated passwords for user convenience.
  • Technologies

    React, TypeScript, Redux, Tailwind

Front-end

web

devjobs-web-app

devjobs-web-app image

    Project Description

  • Allows users to search for jobs using filters like title, company, and location.
  • Displays job postings with details such as company name, role, location, and job type (e.g., full-time, part-time, remote).
  • Includes a toggle feature for switching between light and dark themes for better user experience across various lighting conditions.
  • Provides comprehensive information for each job posting, including job requirements, company description, and application instructions.
  • Ensures seamless user experience across devices, including mobile, tablet, and desktop
  • Technologies

    React, Tailwind

Front-end

web

dictionary-web-app

dictionary-web-app image

    Project Description

  • Allows users to search for words and provides detailed definitions.
  • Includes a play button for listening to the correct pronunciation of words.
  • Displays synonyms and other word-related details when available.
  • Supports font style selection (Sans Serif, Serif, Mono) for a personalized reading experience.
  • Enables a dark mode toggle for better usability in low-light environments.
  • Displays clear error messages for invalid word entries or server issues
  • Optimized layouts for seamless use on devices of various screen sizes.
  • Technologies

    React, TypeScript, Tailwind

Front-end

web

rest-countries-app

rest-countries-app image

    Project Description

  • Displays information about countries including population, region, capital, and flag.
  • Provides a search functionality to quickly find specific countries by name.
  • Includes a dropdown filter to view countries by region (e.g., Asia, Europe).
  • Shows detailed information for selected countries, such as native name, subregion, languages, currencies, and border countries.
  • Allows navigation to border countries by clicking on them in the detailed view.
  • Offers a dark mode.
  • Responsive design ensures an optimized experience across various devices.
  • Technologies

    React, Tailwind

Front-end

web

Certifications

Coursera: Meta Advanced React

linkedin icon

Coursera: IBM Developing Front-End Apps with React

linkedin icon

Coursera: Meta Introduction to Front-End Development

linkedin icon

Coursera: Meta Programming with JavaScript

linkedin icon