Hi, my name is

Ylli Fazliu.
And, I build immersive web apps.

Im a software developer dedicated in building immersive, exceptional digital experiences by focusing on innovation, creativity, simplicity to create a fascinating user experience.

Read More

About Me

Hey there! My name is Ylli -- a software developer whose passion is for code and design.

I remember writing my first code at the age of 15 and I was amazed imagining what computers are capable of. Given the complexity of finding tutorials on visual basic for beginners, I started to learn HTML and CSS which lead me to see the results better so I could tweak and learn by trying different things on the browser.

Fast forward to today, I've worked in numerous projects including, creating websites for different businesses.

Lastly, I continue to sharpen my skills, work on new projects, learn new tools because the journey of software development never truly ends.

Latest technologies I've been working with

  • C++
  • Unreal Engine 5
  • TypeScript
  • JavaScript (ES6+)
  • Next Js
  • React
  • Node Js
  • Blender
  • Figma

A project for a Swiss client.

Typescript Html CSS Figma Photoshop

I was contacted by a company from Switzerland to create a website for their business with the idea of simplicity and everything-in-one-place.

I started thinking about the design and initially came up with a Figma design proposal which the client approved to go forward.

Twitch Clone - React

React Node Nginx Express Stripe API Mongo DB

Working on this project has been a great opportunity to expand and develop my skills further. For some time, I've wanted to recreate a website like Twitch to see what's really behind the hood, especially in the backend.

One of my biggest challenges on this project has been the "State Management" across the app however, I truly did learn a lot and managed to get through.

Furthermore, I was introduced to Nginx to create/handle a video streaming server. The stream delay was between 10-15 seconds making the website look very similar to Twitch.

Some functionalities:
1. Register and login
2. Start streaming (the linux streaming server is turned off for the moment)
3. Follow, un-follow
4. Subscribe (Stripe API)
5. Send chat messages

Twitter Clone - React

React Node Express Mongo DB News API

Just like in the previous project, I wanted to see how Twitter in general works in the backend.

I started working on the front end and seeing this project getting closer to looking like Twitter, made things very exciting.

Some functionalities and some bugs are not fixed yet, like sending messages, or notifications, but that is in my to-do list and should be done very soon.

Some functionalities:
1. Register and login
2. Tweet, Like, Comment
3. Follow, un-follow

Social Media APP

React Node Express Mongo DB Photo API

The focus in this project was to create a simplistic social media website.

The state management is handled by using a great library called Immer which is an advanced method to handle state management -- more favored than the default react hook (useState).

Some functionalities:
1. Register and login
2. Post
3. Follow, un-follow
4. Send messages
5. Search

Missing the back-end, soon I will add it.

Tesla CyberTrunk

HTML Vanilla JS CSS Blender Gsap

This project is all about animations. I used a famous library called Gsap and Blender for rendering tesla cars/animations.

My focus was on scroll triggers and based on that, create elements/animations.

I mentioned Blender. I love design too and Blender (3d modelling application) is the right tool for that.

All the videos on this project, were created on Blender to emphasize that futuristic website.

Maze Game

HTML CSS Vanilla JS Matter JS

Creating games in Javascript is always an interesting experience therefore, I wanted to create a simple maze game. This project was focused on "OOP".

The vertical and horizontal walls get generated randomly after each game and 1 only-right-path gets created for the ball to navigate to the green spot.

The engine and physics are handled by Matter Js.

Todo List - Typescript and React

React Typescript

As the title says, the idea on this Todo Project was to put in practice latest Typescript knowledge on React.

More Projects

iPhone | Inspired by Apple

I've always been amazed by Apple's design principles and this project was a given shoot to recreate an iPhone website.

Tech stack: html, css, javascript, gsap, blender

Trello Clone APP

A schedule management app. My focus was to create a trello lookalike app for my personal use. Drag and Drop functionality as well.

Tech stack: html, css, javascript

Beat Maker

Imagine this project as a soundboard. Users could pick different songs, choose when they should play, the tempo and all chosen songs play/mix together.

Tech stack: html, css, javascript

Pick and Lock | ColorPicker

Think of this as a palette picker for your projects. Users can randomly choose colors, lock them, randomly choose again and save.

Tech stack: html, css, javascript

A movie comparison

Comparing two movies on ratings, revenue, etc -- has never been this easy. My focus on here was search query and the method of using "debouncing" or "throttling" methods for api requests.

Tech stack: html, css, js, omdiapi

Animated eCommerce store

My focus on this project was animations and smooth page transitions using a famous library called Barba Js.

Tech stack: html, css, javascript, gsap, barba js

Photon | Beautiful pictures

The idea was to create a simplistic photo gallery website where users can look up for high quality pictures fetched on Pexel's API.

Tech stack: html, css, javascript, pexel api

Animated Website

Animations make the website look cooler, therefore my idea on this project was to implement smooth page transitioning and animating on scroll, and my cursor as well :D

Tech stack: html, css, js, gsap, barbajs

Animated Hero Page

All the fonts have trigger events and the hero picture as well. The logo slowly transitions from opacity 0, and it's -x positioning, to opacity 1 and x = 0 to create a smooth movement of letters.

Tech stack: html, css, javascript, gsap

Technologies I've been learning lately

  • Typescript
  • Next JS
  • Jest Testing
  • Docker and Kubernetes

Technologies I'm planning to expand my skills to

  • Rust - for backend
  • Python
  • Bash Scripting - Automation on linux
  • Cyber Security