maximshly Goto Github PK

adding-react-templates

This project demonstrates how to add a simple react component and install into html and jsx

authenticate-express-routes

This program handles user authentication for a web app using Firebase. When a user isn't logged in, the system prompts them to enter credentials. Once logged in, it provides user data, including email and other meta-info. The program fetches data from a local server endpoint (localhost:3000/open) and retrieves an ID token.

ballmovements.github.io

binary-search

This project takes a string and an optional alphabet array, then performs both linear and binary searches on the alphabet array to find the index of the first letter of the string, storing the number of iterations each search takes and the index found (or -1 if not found) for comparison of the two search algorithms' performance and accuracy.

bootstrap-navbar

Here I demonstrate a simple navbar with routing made with Bootstrap

build-a-formik-form-starter

Here I establish everything required to host a local web server that demonstrates basic functionality of Formik and Yup validation schemas, with screenshots of how it appears to operate on your local machine.

closures-and-private-variables

This JavaScript program utilizes closure to create a book object with properties such as name and current page, and it also provides functions to access and modify these properties in a controlled manner, demonstrating the encapsulation aspect of object-oriented programming.

css-grid-manipulation

Here I use a basic HTML and manipulate a grid of divs into exactly what is expected to be seen in the layout.png

demohashblockies.github.io

Here I deploy a website from this Github repository that has a function to create a hash blockie out of anything you type into it - a demonstration of how secured data can be stored or recognized.

destructuring-with-es6

Here I demonstrate the use of Destructuring arrays in ES6

express-routes-with-json-web-tokens

This program demonstrates express routes that require JWT authentication as 'admin' level in order to remove books from the book.js file, a simple demo of how member/admin login could be differentiated on a web app.

express-server-setup

Here I set up a basic Express server and modified the port to 9600 and added some data text to display when going to localhost:9600/data

eye-movement-html-js

Here I create two eyeballs that will track the mouse on the screen

fetching-data-from-urls

This Javascript code fetches weather data asynchronously from the OpenWeather API for several cities (London, Houston, Lisbon, and Budapest), stores all the fetched data in an array, and then scans through the array to identify and display the weather data for Lisbon on the webpage.

firebase-authentication-using-google

The program authenticates users via Firebase, allowing email/password & Google login. To integrate, I used Webpack, imported Firebase modules in login.js, & ensured HTML referenced bundled JS. Errors like missing index.js & dynamic import issues were addressed by adjusting Webpack configurations.

frontend-application

Frontend Bad Bank Application

full-stack-banking-app

Full stack banking app, see it live at Maxim-ShlyaptsevFullStackBankingApplication.com

full-stack-holy-grail-application

In this project, I set up a backend using Express.js and connected it to a Redis database via Docker. The backend provides endpoints to initialize and retrieve data (layout sections) and update specific key-value pairs. On the frontend, accessing the /data route fetches and displays the layout data from Redis.

getelementbyid

Here is a basic javascript file that demonstrates getting element by id and returning information about specific HTML elements.

graphql-playground

Here I demonstrate a build schema that allows for a query to GraphQL to access the data inside the index.js file as well as the object data contents.

graphql-restaurant-query-mutations

Here I complete a program to take queries through GraphQL to show specific data as well as manipulate/delete.

greeting

Testing Hello World

hanoichallenge

The Tower of Hanoi program is an interactive simulation of the puzzle game. It takes user input for the number of disks, initiates moves on button click, and visually depicts the disks moving from one peg to another in compliance with the game's rules.

hashdemoblockies

insert-into-dom

Here we use the DOM methods to identify existing elements and append to them.

java-html-array-manipulation

Here we declare two local variables inside of a function and point them both to the same array, however I came across some issues with array references that I would like to share with you.

java-html-ball-movement-simulation

Basic webpage demonstrating a Ball Div that is animated to bounce around the screen with set screen boundaries.

java-html-scope

Simple demonstration of the use of scope mechanics in JavaScript, let and var produce different results based on the scope of the variable.

javascript-array-flattener

This function takes an array that contains two dimensions and converts it into a single dimension array by using the .flat built in library

javascript-array-manipulation-

Continued manipulation basics - using Slice/Splice/Split commands built into Java