Coding Explanations

Here you can find a general overview of how each project in Than’s Projects is built including the main technologies, structure, and logic used. This is not the raw source code (you can find the raw code on my Github Account).


🌐 Website


The main website is built using HTML for structure and CSS for styling. It follows a modular design with folders for pages, games, and shared assets. The layout is responsive, meaning it adapts smoothly to different screen sizes. The site uses simple navigation links and grid layouts to display projects neatly.



🎯 Streaks App


The Streaks App is a web app built primarily with JavaScript. It uses HTML for layout, CSS for design, and connects with my Supabase Database for user auth and logic. The logic includes daily reminders, daily resets, completing and freezing activities and many more. Mostly done by functions inside Supabase and some from my js files. Smooth animations and snapy user interface all over.



🎮 Wavelength


The Wavelength game is an interactive 2-player browser game built primarily in JavaScript. It uses HTML for layout and CSS for design. The logic includes category selection, hidden scoring zones, and dynamic point calculation. Smooth animations when points are scored.



🎮 Ultimate TicTacToe


The Ultimate TicTacToe game is very similar to the wavelength one. It's built primarily in JavaScript. It uses HTML for layout and CSS for design. The logic is in JS and includes active player switches, checking for a winner each turn, helping the players as to which block they should play, and keeping the score.


HOME