Sami

HomeAboutBlogProjects

Projects

Here's a small selection of some of my recent projects and experiences.

Maritime Risk Assessment Engine (MARE) image

Maritime Risk Assessment Engine (MARE)

A project built using Mapbox, Turf, D3.js, and Vanilla JavaScript. Due to privacy concerns, I am unable to provide more information about this project.

Live SiteGithub repo
EasyAI *In development* image

EasyAI *In development*

EasyAI is a project I developed to make AI workflows more accessible to non-technical users. The tech stack includes Next.js, ChakraUI, and Supabase. The project is still in development.

RateMyApp image

RateMyApp

RateMyApp is a user-driven platform I developed to allow users to submit their applications for constructive critique, donations, or open-source contributions. Bootstrapped with create-t3-app, the tech stack includes Next.js, Clerk (auth), Prisma (ORM), TailwindCss with Daisy UI (UI), Planetscale (database), and Uploadthing (image storage). It also utilizes tanstack, react query, zod, react-hook-form, and dayjs libraries.

Live SiteGithub repo
E-TASC image

E-TASC

This is an annotation and text analysis platform. Due to privacy concerns, I am unable to provide more information about this project.

Custom portfolio image

Custom portfolio

This portfolio website was built using Vite, React, Chakra UI, and Framer Motion. It includes an image viewer, a masonry grid, and a fun easteregg. The site is mobile-responsive and simple to navigate.

Tetris solver image

Tetris solver

A python program that solves a large number of Tetris games using Heuristics, The games are usually in this format: Given a sequence of X pieces, and an initial board state clear Y lines. It can also be used to create solvable games with their X pieces and Y lines to clear.

Restaurant Template image

Restaurant Template

A customizable restaurant website template built using Next.js. It's designed with user experience and ease of use in mind. Technologies used include Next.js 13, Tailwind, FramerFramer Motion, Leaflet,react-hook-form with Yup.

Calendrier de l'avent image

Calendrier de l'avent

I contributed to this project by developing a video carousel for the website in Elementor/WordPress. This was achieved using custom JavaScript, the Swiper library, and jQuery.

Shadow Foundry.ai image

Shadow Foundry.ai

Shadow Foundry is a static website I created for a client, constructed with HTML, SCSS, and JavaScript. The project also includes the Splide carousel library and self-hosted fonts.

2D Portal Effect image

2D Portal Effect

Developed with Vanilla JS, Vite, and Three.js, this project creates a 2D portal effect that zooms into a picture frame, transitioning the user into a "3D world." The effect can be reversed by pressing the escape key.

Rock Paper Scissors image

Rock Paper Scissors

Rock Paper Scissors is a FrontendMentor.io challenge where the user can play the game against the computer. The project was developed using React, TypeScript, and CSS3.

Linus Tech Tips image

Linus Tech Tips

Linus Tech Tips is a university project I developed to create a shopping page complete with a cart, product details, and filtering capabilities. The site is named after a popular Canadian tech YouTuber. It was built using PHP, MySQL, and plain CSS3.

Todo Website image

Todo Website

This todo website was built using React and CSS3. It offers functionalities like adding and removing tasks, marking tasks as done, and switching between a dark and light theme with different backgrounds.

Huddle Landing Page image

Huddle Landing Page

The Huddle Landing Page is a mockup website from FrontendMentor.io. It was built using HTML and CSS, with the primary challenge being SVG alignment for optimal compatibility with all screen sizes.