Playlist Pioneer

Next.js, TypeScript, TailwindCSS, Spotify API, Shadcn/ui, Zustand, Clerk Auth, PostHog

The application searches for songs of the same style based on the song entered by the user. Recommended songs are displayed in the user interface, from which the user can create a new playlist directly into Spotify. More info about the functionality etc in page itself.

This is new and updated version of my old "Spotify Recommendations" application.

In case you want to use the app, you will need to send me request, so I can add you to test user list.

Job Tracker

Next.js, TailwindCSS, Supabase, DrizzleORM, TypeScript, PostgreSQL, Kinde Auth, Shadcn/ui

Simple full stack application to keep track of the jobs you find interesting by adding the base metadata such as: company name, job title, Published at, Ends At, Applied status, Href for job posting.

Originally I wanted to build this for my own needs so I could keep all interesting open positions in one place instead of bookmarks. However, this ended up being a somewhat functional web app with Authentication and personal dashboard.

music.juhamikael.info

TypeScript, Next.js, TailwindCSS, Sanity, Shadcn/ui, Vercel

Mainly built with Next.js, TypeScript, Sanity.io and Tailwind CSS with using Shadcn/ui components for styling. Sanity as CMS.

The website is hosted on Vercel.

The previous version was built with Astro + Typescript and was really minimalistic.

UI was designed by me in Figma and then implemented in Tailwind CSS / Pure CSS.

Revived.tv

Next.js, TypeScript, TailwindCSS, Shadcn/ui, Vercel, Storyblok

I've been closely involved with Revived.tv, not just as a developer, but as part of the heart and soul of the team.

It's not just a website; it's a growing platform where artists come together to create and share. It's a project that's very much alive, constantly updating.

Check out our story at Revived.tv/about-us.

File Organizer

Tauri, React, TypeScript, Rust, TailwindCSS

When using a computer, we tend to download files to a single location, such as “./Downloads”. This folder quickly becomes cluttered and challenging to navigate, making it difficult to find the files we need. As the folder grows, it becomes increasingly time-consuming and tedious to organize the files manually.

The solution for that is this File Organizer application helps organize files by moving them to folders based on their file extensions. To use the application, you need to have a configuration file named “file_map-config.json” that maps file extensions to folder names.

dev.juhamikael.info

Next.js, TypeScript, TailwindCSS, Shadcn/ui, Vercel, Storyblok

Mainly built with Next.js, TypeScript and Tailwind CSS with using Shadcn/ui components for styling. Storyblok as CMS.

The website is hosted on Vercel.

Previous version was built with Astro, TypeScript, React and Tailwind CSS but I decided to switch to Next.js + Sanity Storyblok for more flexibility and to clean the codebase.

UI was designed by me in Figma and then implemented in Tailwind CSS / Pure CSS.

Fullstack Open

React, JavaScript, TypeScript, Cypress, Mongo, PostgreSQL, TailwindCSS, Git

Assignments for MOOC course Fullstack Open - Helsinki University

Macro Counter

React, Python, FastAPI, PostgreSQL, TailwindCSS

Currently the app is in developement and not available online right now.

This is a full-stack web application called ‘Macro Counter’. Users input basic information such as their weight, height, age, and gender, then calculate their daily calorie intake. Users can also add new foods to the database from the user interface and log their meals in a diary.

The API / Backend then calculate the total calories, protein, carbs, and fat for each meal and substract it from daily intake.

Additionally, the app calculates the user’s Basal Metabolic Rate (BMR), Body Mass Index (BMI), and macro nutrient split (Protein, Carbs, Fat) The app is currently in development and not yet available online. However, if you’re interested in using it, you can follow the installation guide on GitHub.

Acme Corp - E Commerce

TypeScript, Next.js, TailwindCSS, Shadcn/ui, Kinde Auth, DrizzleORM, SQLite

At school, we initially aimed to develop a feedback system for a real online store.

Due to unexpected challenges, we pivoted to create a fictional store. This model serves as a platform where users can navigate through product offerings and submit evaluations on service experiences.

Currently, the platform offers product search functionality, an admin dashboard for product additions, and a backend with user, product, and category management.

We're actively working on introducing ordering capabilities, user feedback mechanisms, and more enhancements.

Solita - Dev Academy 2023 Exercise

Python, TypeScript, TailwindCSS, Next.js, Prisma, tRPC, MySQL, Vercel

This is the pre-assignment for Solita Dev Academy Finland 2023. Backend was free of choice, so I picked T3 Stack which is a great Template/starting point for full stack application.

The frontend part was free to choose. The important part was to give good instructions on how to build and run the project, which is done so. I validated data with Python and created a database with MySQL.

In case the demo is bugged or anything else, you can follow the installation guide on GitHub to get it running locally. There is also a video of the application in action.

Spotify Recommendations

TypeScript, React, TailwindCSS, Spotify API, Firebase

The application searches for songs of the same style based on the song entered by the user.

Recommended songs are displayed in the user interface, from which the user can build a new playlist directly into Spotify.

The app was final assignment project for Full Stack course and therefore is still in development. I will continue that one when I get more skills, so in case you want to use the page, you will need to ask me to add your spotify email to the Spotify API.

The app security needs to be improved, so it is advisable to create a new Spotify user to test this website.

FL Studio Stem Renamer

C#

If you use FL Studio and you like to disk record your mixer tracks i.e. creating stem files in FL Studio, you most likely have spent some times moving the output files into some new directory and renaming the files by deleting from them: project name, date and time.

With this application, you don’t have to do that manually anymore, because this “Stem Renamer” Desktop application is doing all that for you!

I'm have started to rebuild this with Tauri!

Make New Folder

Python

This is simple python script helps organize files by moving them to folders based on their file extensions. This was the base idea behind "File Organizer". To use the application, you need to edit “file_types” dict in main.py.

Check out my File Organizer project for GUI version of this script.

More info on GitHub.

Unzipper

Python

This project is a python script which unzips all .zip & .rar files in a user input folder.