Projects

Filter
cpp
python
react
nextjs
tailwindcss
vue
vite
svelte
astro
sass

DSA - Bloom Filter

A simple implementation of a Bloom Filter for accounts logging in and logging out, made as a solution to a challenge in a Data Structures and Algorithms course.

cpp
Oops! No thumbnail!
Private

Hide and Seek

A theoretical game of Hide and Seek done by (hopefully) intelligent agents, as a 're-do' of a given assignment in the Artificial Intelligence course.

python
Hide and Seek

Gem Hunter

An artificial agent that attempts to solve a modified version of Minesweeper, where the goal is to figure out which cells contain gems, in addition to cells with mines hinted by cells containing numbers. A project for the Artificial Intelligence course.

python
Oops! No thumbnail!

Plantybot

A simple website that reads data written by an Arduino-like bot that monitors house plants, displaying values as chart and notifications as textboxes on the web. A project for an Applied Physics for Engineering and Programming course.

react
nextjs
tailwindcss
Oops! No thumbnail!
Private

QR Code Component

A simple component that contains the QR code to Frontend Mentor, also the first challenge on the platform.

vue
tailwindcss
vite
QR Code Component

Blog Preview Card

A very simple card component that previews a blog post, the second challenge by Frontend Mentor.

svelte
tailwindcss
vite
Blog Preview Card

Social Links Profile

A simple card that links to other social media platforms, with a dark mode switcher as a challenge, designed by Frontend Mentor.

react
tailwindcss
vite
Social Links Profile

Recipe Page

A recipe page that shows mock data of a recipe, made as dynamic as possible to show anything as long as the data conforms to the presented format, a path-ending challenge by Frontend Mentor.

vue
tailwindcss
vite
Recipe Page

Product Preview Card Component

A responsive card component that previews a mockup product which is a type of Perfume, with discounted costs, challenge by Frontend Mentor.

svelte
tailwindcss
vite
Oops! No thumbnail!

Four Card Feature Section

A section featuring four cards in non-straightforward places to challenge my CSS grid or CSS flexbox styling skills, challenge by Frontend Mentor.

svelte
tailwindcss
astro
Four Card Feature Section

Testimonials Grid Section

A section styled with CSS grids to show sample testimonials, with a "randomizer" that randomizes the positions of testimonials which create funny results, challenge by Frontend Mentor.

vue
tailwindcss
astro
Testimonials Grid Section

Meet Landing Page

A landing page for a mockup video-chatting app called Meet with three designs across screen sizes, a challenge by Frontend Mentor.

svelte
tailwindcss
astro
Meet Landing Page

Article Preview Component

A component that shows an article preview, with different share modals that differ considerably enough for different screen sizes, challenge by Frontend Mentor.

vue
tailwindcss
astro
Article Preview Component

Newsletter Sign Up Form

A signup form for a fake newsletter service, with error and success modals differently on mobile compared to desktop, challenge by Frontend Mentor.

vue
tailwindcss
astro
Newsletter Sign Up Form

Time Tracking Dashboard

An interactive dashboard that shows time tracking data, based on time ranges such as daily, weekly and monthly taken from an outside assets file, challenge by Frontend Mentor.

vue
tailwindcss
astro
Time Tracking Dashboard

Tip Calculator App

A simple app that calculates the tip based on the bill amount, the percentage of the tip shared among a number of people. Built to use as many semantic HTML elements as possible, but needs improving. A challenge by Frontend Mentor.

vue
tailwindcss
astro
Tip Calculator App

Password Generator App

An app that generates a password based on the user's input, with a copy button to copy the generated password to the clipboard. A challenge by Frontend Mentor.

svelte
tailwindcss
astro
sass
Password Generator App

Frontend Quiz App

A multi-page app that quizzes the user on frontend-related questions, with a progress bar and a score counter. A challenge by Frontend Mentor.

vue
tailwindcss
astro
sass
Frontend Quiz App