MY_PROJECTS

I created a headless eCommerce website with a Node.js backend and Next.js frontend, using SSR and ISR. I added the functionality for the eCommerce website to be multi-regional, which means the regions and currencies can be configured as needed. I integrated Meilisearch as the search engine to provide fast and relevant search results with typo tolerance. I also integrated Cloudflare R2 as the storage system and set up daily database backups. The store was deployed on a VPS using Coolify, which gave me practical experience with server management and containerization.

Lettership is a message board web application, originally created for the 'Members Only' project in TheOdinProject but expanded as I added more features. It allows users to send public letters (messages) that are displayed on the board. The project utilizes EJS for dynamic views, DaisyUI (built on Tailwind CSS) for styling, and PassportJS for authentication. I also integrated Cloudinary for storing user profile pictures and used the Obscenity library for content moderation. One of the standout features is the Spotify Showcase: when you click on a user's profile picture, you can view a Spotify embed showcasing their favorite track, album, artist, or playlist. This gives users the ability to personalize their profiles further. The application also includes multiple themes and font options, with each theme accompanied by custom sound effects for an immersive experience. This was my first time working with Tailwind, DaisyUI, Cloudinary, and database functions, making the project both challenging and enjoyable. The experience deepened my understanding of both frontend and backend development.

I created a custom art portfolio website with a cute and user friendly UI, intended for dynamic and organized presentation of artwork. The site was made using Next.js, which automatically groups the content into sections like Gallery and Commissions, based on a set of defined rules. This results in a clean and intuitive browsing experience. For the automation of content sourcing, the website now includes an Instagram scraper using Apify, which fetches the content, along with the posts, captions, and hashtags, directly from the artist’s account. The fetched data then goes through the automation layer, built using n8n, which includes a scheduled workflow that sends a webhook request to fetch the latest data for the frontend. The system includes content analysis logic, which groups the content based on the caption and hashtags, thus enabling the system to intelligently direct the artwork to the relevant sections without any human intervention. The entire system focuses on automation, API usage, and dynamic content-driven UI, eliminating the need for any human intervention while keeping the content fresh and updated.

A simple app that allows you to scream into the void... but be careful though, because others might hear it too. This was made as a test for my first job, and it was a great opportunity to learn about web sockets and real-time communication.

This Fire Emblem-themed Rock Paper Scissors game started as part of TheOdinProject's Rock Paper Scissors project but quickly grew into something much bigger as I added more features. This was my first real project, and I had a lot of fun researching the Fire Emblem universe and adding small interactive details to the game. I experimented with game logic, design elements, and animations, all while ensuring the Fire Emblem theme was maintained. The game also includes customizable themes, and some music from the Fire Emblem series (turns out i might have a thing for sound effects and themes). It was an exciting opportunity to incorporate my love for aesthetics and gameplay, experimenting with both visual design and auditory experience. The project helped me refine my skills in logic-based development, interactivity, and user experience design.