Nurbolat
System Engineering Student — React Developer

Hi — I'm Nurbolat

I study System Engineering and create React applications and modern websites. I focus on clean code, performance, and user-friendly design.

My personal projects

Vanilla JavaScript Projects

Small web apps and experiments using pure HTML, CSS, and JS

Food

Vanilla JavaScript Web App — interactive UI with tabs, modals, countdown timer, dynamic cards, calculator, form handling, and a slider/carousel. Modular structure, fully built with HTML, CSS, and JS.

HTML CSS JavaScript
View

Photo

Static HTML & CSS Website — fully responsive layout built with HTML and CSS, featuring promo sections, grids for works and inspiration, services, and customer showcases. Focused on clean and flexible responsive design for different screen sizes.

HTML CSS
View

Picture

Interactive Web Application (HTML, CSS, JS, PHP) — modular JS app with modals, sliders, form validation and masking, dynamic style loader, calculator, filter, image hover effects, accordion, responsive burger menu, smooth scrolling, and drag-and-drop file upload. Includes PHP backend for handling uploads. Fully interactive UI.

HTML CSS JavaScript PHP
View

Pulse

Interactive jQuery Web App (HTML, CSS/Sass, JS)— dynamic UI built with jQuery and plugins. Features include: carousel/slider with Slick, tabbed catalog, toggleable item content, modals with form validation and phone masking, AJAX form submissions, smooth scrolling and “back to top” button, animations with WOW.js. Styled with Sass for responsive design.

HTML CSS/Sass JavaScript jQuery
View

React Applications

Modern projects built with React, hooks, and API integrations

Marvel API

Marvel API React App — interactive React application allowing users to browse Marvel characters, view detailed info about each hero and associated comics, and navigate to individual comic and character pages.

Technologies & Libraries:

React (components, hooks)
React Router DOM — navigation between pages
Formik + Yup — form handling and validation
Sass — styling

React React Router DOM Formik Yup Sass JavaScript HTML CSS

Hero Redux

Hero Redux — React application for creating your own heroes and filtering them by attributes such as strength, element type (water, fire, earth, etc.), and other characteristics.

Technologies & Libraries:

React (components, hooks)
Redux + Redux Toolkit — state management
React-Redux — connecting React and Redux
Redux Thunk — asynchronous actions
Reselect — memoized selectors
React Transition Group — animations
Sass — styling
Bootstrap — UI framework
UUID — unique ID generation
JSON Server — mock backend
JavaScript — dynamic functionality
HTML — markup
CSS — styling

HTML CSS JavaScript React Redux Redux Toolkit React-Redux Redux Thunk Reselect React Transition Group Sass Bootstrap UUID JSON Server

Quiz Builder App

Quiz Builder App — an interactive React application that allows users to create, edit, and take quizzes. Users can build new quizzes, add and modify questions, take tests, and view their results. A built-in timer runs during each quiz to track how long it takes to complete.

Technologies & Libraries:

React (components, hooks)
React Router DOM — navigation between pages
Formik + Yup — form creation and validation
Sass — styling
Context API / Redux — state management

React React Router DOM Formik Yup Sass JavaScript HTML CSS Context API