Hello! I'm Cankut

This is a prototype of the popular game Tetris. Project is coded in a OOP approach where JS class syntax is used. RequestAnimationFrame API is utilized to model a sequence for class method calls for every certain time interval. Project is based on storing ids for the divs that are the CSS grid children and manipulating these ids every interval. As these ids imply the coordinates of the relevant divs in the layout, it was possible to make a DOM selection using them and do whatever action is necessary with the selected DOM element. As for the 2D rotation logic, I have implemented a global function where an anchor point is chosen considering the number of elements that anchor connects to, and then the members of the existing shape is looped over all to find their x and y distances relative to the anchor point. Finally, horizontal distance is equated to the vertical distance and vertical distance is equated to the horizontal distance of the rotated state to simulate a 90 degrees rotation. It should be noted that project is subject to relatively minor gameplay improvements and some styling upgrades.

This is a popular "Wordle" game with a twist. In this version, secret word can be any size and the amount of attempts given to player equals to the number of letters in the secret word. Thanks to "https://dictionaryapi.dev/", I was able to connect to the API and check if any of the guesses made by the player is an actual English word. Potential upgrade to this project could be providing replayability. However, most of the APIs suitable for this upgrade comes with a cost. Thus, I sticked with a fixed secret word to demonstrate functionality of this project for the time being.

This is a JS calculator project without using eval function and it supports nested parantheses and allow calculation expressions just like in Windows' calculator. It runs on a stack-like model to handle strict priority rules. To execute the calculations w.r.t priority rules, a master array is defined to store the command types and order of these commands. When a calculation is requested, last command in the master array is fired and sequence is proceeded until the first member. Since a low priority command is never stored in the last member of the master array if any higher prio command is present, calculation rules are made sure to be complied.

This is a fun project regarding upcoming elections in Turkey where I created the front-end for voting and used blockchain as the database. User can connect and disconnect to MetaMask and through it interact with the smart contract deployed on blockchain via voting button on front end. It is also possible for poll owner to pause the voting by calling the relevant smart contract function. Vote counts are fetched on page load and/or voting action and percentages are dynamically visualized.

This is a relatively simple pathfinding project where I have tried to derive a shortest path algorithm. Main goal was to find all possible paths with weights assigned to them and store them in a very large array. However, this was a failed attempt. I have still included this project since I have learned a lot trying and it is open to improvements in the future as an ambitious pathfinding visualizer project.

This is a repository including many different Vanilla Javascript projects I have completed for practise purposes. They include CRUD app on local storage, smooth scroll, several fetch/display apps, pagination and more. This is also a decent reference for myself to keep for reminders/revisits in the future.

This is a repository including several React projects I have completed for practise purposes. They include CRUD app on local storage, color shades visualizer, lorem-ipsum generator, slider and more. This is also a decent reference for myself to keep for reminders/revisits in the future.

This is the repository for my portfolio website you are currently visiting :).