Hi, I'm Leo Khani

I'm a multidisciplinary creative specializing in UI/UX design and full-stack development. I transform complex challenges into elegant, high-performance digital experiences that users love. Let’s build something extraordinary together!

Hi, I'm Leo Khani
Github Linkedin
Technical Expertise

Skills & Technologies

Mastering cutting-edge technologies to deliver exceptional web experiences

50+
Projects Completed
5+
Years Experience
20+
Technologies Mastered
95%
Positive Client Feedback

Core Expertise

React & Next.js
95%
TypeScript
90%
JavaScript ES6+
93%
Tailwind CSS
88%
Node.js
82%
Responsive Design
96%
REST APIs
87%
Git & GitHub
91%

Technologies

React
Frontend
Next.js
Framework
TypeScript
Language
JavaScript
Language
HTML5
Markup
CSS3
Styling
Tailwind CSS
Styling
Sass/SCSS
Styling
Node.js
Backend
Express.js
Backend
MongoDB
Database
PostgreSQL
Database
Git
Tools
Webpack
Tools
Vite
Tools
Figma
Design
Showcase

My Latest Projects

Explore my latest projects and digital creations

Skapadinsida Web Agency
Skapadinsida Web Agency
Next.js
Typescript
Tailwind CSS
Stripe
Node.js
Supabase

Agency site for design, development, and web hosting services targeting Swedish SMBs.

  • Engineered a Stripe-powered system for seamless transactions.
  • Delivered 50+ bespoke full-stack websites, achieving an average 95+ Lighthouse score.
  • Built a user-friendly, CMS-backed system for easy client content management.
  • Established a CI/CD pipeline on Vercel for rapid and reliable deployments.
My Achievement

Launched a full-service web agency from the ground up, successfully delivering over 50 full-stack websites for SMBs. My work, focusing on performance and SEO, has directly helped clients increase their online presence and conversion rates.

Visit Website
Flags of the World Quiz
Flags of the World Quiz
Next.js
Typescript
Tailwind CSS
REST Countries API
Vercel

A lightweight flag quiz app using country API with serverless deployment.

  • Integrated the REST Countries API to provide extensive and accurate data.
  • Implemented an interactive and timed quiz mode to boost user engagement.
  • Ensured a responsive, mobile-first design for accessibility on all devices.
  • Achieved fast load times through optimized code and Vercel serverless deployment.
My Achievement

Developed a highly engaging and educational quiz game, fetching data from a REST API to cover over 220 countries. The application is optimized for performance and a seamless mobile experience.

Visit WebsiteGitHub
Age of Mythology Leaderboard
Age of Mythology Leaderboard
Next.js
Tailwind CSS
SWR
Vercel

Real-time leaderboard for Age of Mythology using external API and frontend rendering.

  • Live leaderboard updates
  • No backend or DB required
  • Responsive layout
  • Community API integration
My Achievement

Community leaderboard built with frontend-only architecture. Utilizes public API and serverless deployment.

Visit WebsiteGitHub
Cover Letter AI Generator
Cover Letter AI Generator
React
Typescript
Tailwind CSS
OpenAI
PDFKit

Generates job-specific cover letters using AI and renders exportable PDFs.

  • Integrated OpenAI's GPT API to generate personalized content.
  • Developed a live preview and PDF export feature using PDFKit.
  • Designed an intuitive, wizard-style UX for a seamless user journey.
  • Focused on the Swedish market with multilingual-ready architecture.
My Achievement

Created an innovative AI-powered tool that significantly streamlines the job application process. By integrating the OpenAI API, it generates tailored cover letters, saving users valuable time.

Visit Website
Moving & Cleaning Landing
Moving & Cleaning Landing
Vite
React
Typescript
Tailwind CSS
Vercel

Landing page for Elizab, a local moving and cleaning business in Sweden.

  • Clear service offering & pricing
  • Email contact form integration
  • SEO-optimized content
  • Responsive layout
  • Deployed on Vercel
My Achievement

Fast and conversion-optimized one-pager for a Swedish cleaning and moving company. SEO and mobile-first design.

Visit Website

My Journey So Far

I'm a passionate web developer with expertise in building fast, modern, and user-friendly websites. I specialize in Next.js, TypeScript, and Tailwind CSS, creating scalable solutions for businesses. My work blends clean design with efficient code to deliver seamless user experiences.

Beyond coding, I have a strong interest in technology, gaming, and digital creativity. Whether it's exploring new frameworks, analyzing game mechanics, or diving into UI/UX trends, I enjoy keeping up with the latest innovations.

As a self-taught developer, I thrive on learning new technologies quickly and applying them effectively. I enjoy problem-solving, adapting to challenges, and continuously improving my skills to stay ahead in the industry.

+

Years of experience

+

Projects Completed

+

Happy Clients

+

Hours Spent Coding

Web Agency

SkapaDinSida

Mastering cutting-edge technologies to deliver exceptional web experiences

Web Agency

At SkapaDinSida, I've worked with a wide range of clients from individuals to companies which has given me valuable experience with different systems, industries, and needs. I design and develop modern, user-friendly, and SEO‑optimized websites, whether it's a simple landing page or a more advanced solution.

Visit SkapaDinSida
Web Agency

Get In Touch

Have a project in mind? I'd love to hear about it. Send me a message and let's discuss how we can bring your ideas to life.

Connect With Me

Follow me on my social channels to see more of my work and day-to-day updates.