Michael Tarasov | Computer Science Student

Projects

Escape Room Project

Full Project Room 4 Standalone

Compatible With:

The escape room project was my final project for an AP computer science class I took during my senior year of high school. We worked on the project in a team of four in order to develop our coordination and to practice using git for version control in a collaborative environment.

The project is an escape room game featuring a collection of puzzles that we developed. The user advances through the game by solving the puzzles. As the user works to solve the puzzles a timer will count down the remaining time the the user has to finsih the game. Upon finishing the game the user's remaining time will be stored and if the user finished quickly enough their score will be added to the leaderboard.

Details Visit Github

Escape Room Project

The escape room project uses the Vue framework to seperate the project into several components that were developed individually. Each member of the team worked on creating a component for their own room and the rooms were then connected together to form a larger project. We used Firebase to store how much time it took a user to complete each room and to store the score of the fastest finishers.

When creating the leaderboard I designed a primitive anti-cheat system that would prevent the user from entering the leaderboard if it was not the user's first time playing the escape room or if the user had refreshed the page after starting the game.

Developed Using:

Visual Studio Code

Vue.js

Firebase

Github

Netlify

CSS Project

Compatible With:

This is a project that I wrote for a high school where we learned about varuious CSS concepts and how they could be utilized to make a functional website.

It features a variety of effects that trigger from the user interacting with the page. It has also been tested with screens of various sizes and resolutions and found to work on all of them.

Details Visit Github

CSS Project

I wrote the CSS project in order to practice writing CSS. For this purpose I chose to write the site without using any javascript and instead making all effects occur using pure CSS. Making effects occur with CSS rather than JS has the added benefit of higher efficiency websites

In order to ensure that the site would stay functional for years to come I hosted all images locally. Additionally, I used media querys to make the site work on all screen sizes including computers, phones, and smart watches.

Developed Using:

HTML

CSS

Github

Netlify

Pokemon Project

Compatible With:

This is a simple Javascript project that I created with a classmate for a high school Computer Science class in order to practice making API calls.

It picks a random Pokemon from the Pokemon API and quizes the user to see if they can identify the Pokemon's name. Once a user is quizzed on a Pokemon that Pokemon can then be found inside of the "Pokedex".

Details Visit Github

Pokemon Project

The primary focus of the Pokemon project was to create a quiz game that utilized the Pokemon API to provide information about each Pokemon.

We expanded upon this purpose by creating a "Pokedex" where data about which Pokemon the user has been quizzed on is stored. This data is stored inside of a browser cookie to prevent it from being lost when the user leaves the web page. For purposes of the "Pokedex", a pokemon is considered to be caught if it has been correctly identified in the quiz and seen if it was incorrectly identified.

The "Pokedex" includes an optional toggle that allows the user to see information about all pokemon and not just those that they have been quizzed on. It also includes a search feature that can be used to find pokemon using either the pokedex number or their name.