Color generator

# Vanila JS
# chroma.js
# Math.random
# URL Location.hash

Deploy Readme

Card gallery

# Vanila JS
# CSS Flexbox
# DOM API

Deploy Readme

Online Zoo (main and donate pages)

# Semantic HTML
# SCSS
# Flexbox and CSS Grid
# Media queries (RDW)
# Burger Menu
# Styling web form inputs
# Carousel with Vanilla JS

Deploy Readme

Active Box

# Semantic HTML
# Flexbox and Grid CSS
# BEM
# Media queries (RWD)
# jQuery
# Smooth Scroll

Deploy Readme

MOGO Company

# Semantic HTML
# Flexbox
# BEM
# Media queries (RWD)
# jQuery
# Smooth Scroll

Deploy Readme

Petcare

# Semantic HTML, BEM
# Flexbox, SCSS
# Adaptive landing page
# Swiper.js
# GULP
# CSS transition

Deploy Readme

Color Board

# Vanila JS
# DOM API
# Math.random
# @keyframes CSS
# vw, vh, vmin, vmax

Deploy Readme

Brain Cards

# Flexbox CSS
# Media queries (RDW)
# ES6 Classes
# Event Delegation
# JavaScript modules
# Fetch API

Attention The backend is uploaded to a free service - glitch.com, the first time you load it, you may need to reload the page several times to "wake up" the server.

Deploy Readme

Quick Quiz!

# Vanila JS
# LocalStorage
# Fetch API
# OpenTrivia DB API
# Dynamically creating HTML elements

Deploy Readme

Questionnaire

# Vanila JS
# Firebase DB
# Firebase Auth
# MUI CSS
# LocalStorage
# Dynamically creating HTML elements

Deploy Readme

GTA III Music Player

# Vanila JS
# Webpack
# SCSS
# Flexbox and Grid CSS
# Media queries (RDW)
# LocalStorage
# Web Audio API
# Fetch API

Attention The backend is uploaded to a free service - glitch.com, the first time you load it, you may need to reload the page several times to "wake up" the server.

Deploy Readme

Aim Game

# Vanila JS
# DOM API
# Math.random
# setTimeout
# WEB Audio API

Deploy Readme

Async Race

# Typescript
# SPA
# DOM API
# JS Animations
# Async coding / Promises
# Fetch API
# Сommunication with a server (REST API)

Attention The backend is uploaded to a free service - glitch.com, the first time you load it, you may need to reload the page several times to "wake up" the server.

Deploy Readme

Your Meal React

# React
# Redux Toolkit (RTK)
# JSX
# Media queries (RWD)
# CSS Modules
# Vite
# Сommunication with a server (REST API)

Attention The backend is uploaded to a free service - glitch.com, the first time you load it, you may need to reload the page several times to "wake up" the server.

Deploy Readme