My Projects
KoronKorko (Remastered) New!
The Remastered version of KoronKorko. KoronKorko is a full-stack web-application with different types of useful and frequently used finance calculators. Some of the included calculators cover compound interest, annualized return, and present value. Users can also choose between a dark or light theme and select the currency in which the monetary results of the calculators are displayed. Additionally, authenticated users have the ability to create, save, edit, import, and delete their calculations.
BookStackr
A comprehensive book tracking application allowing the users to track their read books by year, category and format. Book data can be viewed both in table and chart format. The app can be used with mock data without user authentication. Alternatively, users can sign in with their Google accounts and save their book data to a secure Firestore database for later use.
Money Mapper
A fullstack Next.js 13 finance tracker for organizing personal finances. Covers income, taxes, assets, debt, and net worth management. Utilizes next-auth for user authentication and stores user data in a MongoDB database with prisma ORM. The app leverages shadcn-ui with tailwind CSS & offers both dark and light modes. Client state is managed with Zustand and The financial data is presented through interactive charts and a comprehensive table.
Element Compare
A single-page Next.js 14 app featuring the periodic table in its classic rectangular layout. Users can interactively highlight elements by type, individually select them for detailed property inspection and choose a second element for side-by-side property comparison. The app's components utilize shadcn-ui and are styled with Tailwind CSS. Users can choose between dark and light modes based on their preference.
Instagram Quote Generator
An app that allows users to create stunning 1:1 images with custom quotes and their respective authors. Additionally, users can customize the background and text color of the quote. The generated image can be downloaded to the user's device.
KoronKorko (MERN)
A full-stack web-application with different types of useful and frequently used finance calculators. Some of the included calculators cover compound interest, annualized return, and present value. Users can also choose between a dark or light theme and select a currency in which the monetary results of a calculator are displayed. Additionally, authenticated users have the ability to create, save, edit, import, and delete their calculations.
GoalTrackr
A fullstack Next.js 13 application created using the shadcn/ui library. The app allows authenticated users to list and track their daily goals. Global state is managed with Zustand, database queries are done using TanStack Query and authentication is managed with NextAuth.js. Data is saved to a MongoDB data base. Additionally, some routes are protected from unauthorized users.
CoinCaps
A React web-application where the user can view the 250 most valuable cryptocurrencies by market capitalization. Additionally, the user can select in which currency the app displays the price data for the cryptos. All of the cryptos can also be filtered out with a search field. The data and statistics of the application are retrieved from the CoinGecko API with different AJAX calls.
Viewport Select
This web application allows the user to see the pixel dimensions of a chosen area within the viewport and provides real-time mouse coordinates.
CS-GO Weapons
A vanilla JavaScript web application that lets the user toggle between a set of weapons from the popular game 'Counter-Strike: Global Offensive'. Each weapon can be reloaded and shot a single or multiple times. All the weapon interactions generate real sound effects from the game.
Legacy Projects
WSB-Tickers
A React app that displays the top 50 stocks discussed on reddit.com/r/wallstreetbets/. Each ticker element displays both the sentiment from bullish to bearish and the sentiment score from -1 to 1 of the stock. The total daily comments are also displayed for each symbol. Tickers can be sorted in ascending or descending order. The data for this app is retrieved from the https://tradestie.com/apps/reddit/api/ API.
Déjà Vu
A finance themed memory card game created with React. The game counts each card turn the user makes and times each game since the start. The data of each game is displayed above the games card container. This project illustrates how to use TypeScript and styled components together.
Polish Cow
A vanilla JavaScript web application that generates dancing cows in an infininte loop while playing the popular Polish song: Gdzie jest biały węgorz (Zejście) by: Cypis. Once the user has started the song a timer counts for how long the song plays and the cows dance, once the music is stopped by the user the timer will be saved in local storage for next time!
Alien Invasion
A game created with Python and Pygame. The player has to eliminate all the aliens on screen. When the the player has delt with all the aliens a new fleet of aliens is created and a next level starts. Every new level increases the tempo of the game and the amount of score rewarded by each alien. Highscore are saved in a .txt file and pulled for display before each game.
TypeScript Paginated Users Page
A React users page with filtering, sorting and pagination functionality using query parameters. Additionally, each user has its own user page which can be opened by clicking a user from the users page. The user page prints simple information about the user.
TypeScript Multi-Page Form
A React multi-page form application with modern and responsive form elements. The form has form validation, optional and required fields and custom error messages. On the last page of the form, before submitting, the users provided information will be shown on screen for the user.
React Redux Toolkit Hello World
A simple implementation of React Redux Toolkit with asynchronous actions that fetch data from jsonplaceholder.typicode.com. This app efficiently demonstrates how Redux toolkit works. Therefore, it can a very useful tool for junior developers or developers new to Redux toolkit.
Simple JavaScript Projects
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, optio laborum. Facere, animi impedit? Similique maiores aspernatur dicta possimus dolor rerum vero quaerat nemo vitae placeat neque officiis omnis, enim est eaque repudiandae adipisci in voluptas nisi assumenda quidem fugit aliquid libero. Corrupti atque eligendi deserunt laborum perferendis expedita maxime.