Atanas Dimitrov

Software Developer 🪄 ⚛️

Projects

Flip cards to learn more 🔁

• Next Localisation

  A lightweight example of handling localisation in Next.js App Router with TypeScript, without external i18n libraries. Features locale-based routing, a custom parseT function, Google Sheets-powered translations, and an automated sync script for seamless updates.

  

  Next Localisation

  TypeScript, Next.js, html-react-parser

  CodeLive
• Workout Directory

  A workout builder and logger where you can track weights, create exercises, group them into workouts and routines, and browse a library of exercises with embedded YouTube videos. Built as a PWA for home screen access and fullscreen view.

  

  Workout Directory

  PWA, TypeScript, Next.js, Supabase, MUI Joy

  Live
• 3D Earth

  A 3D scene of Earth and the Moon orbiting in space, built with React Three Fiber and Drei. Demonstrates the use of emissive and alpha maps on spherical textures, lighting, and basic orbital animation in a lightweight interactive environment.

  

  3D Earth

  Three.js, TypeScript, Next.js

  GistLive
• React Grid Calendar

  A responsive React calendar with a clean grid layout. Built using TailwindCSS and date-fns, it supports date navigation and can be easily extended for event scheduling or productivity tools. Designed to be lightweight, flexible, and developer-friendly.

  

  React Grid Calendar

  TypeScript, Next.js, date-fns, TailwindCSS

  CodeLive
• Tiled Image Loader

  Efficiently loads and displays large images in tiles, enabling smooth zooming and panning without long waits. Originally built for a mini competition game, it’s useful for exploring detailed graphics, maps, or blueprints.

  

  Tiled Image Loader

  Next.js, TypeScript, TailwindCSS

  CodeLive
• Shaders Playground

  An experimental playground for graphics with GLSL shaders. Explores vertex and fragment shaders to create wavy fabric-like motion and water surface effects, showcasing how custom shaders can add dynamic realism to 3D scenes.

  

  Shaders Playground

  Next.js, TypeScript, Three.js, GLSL

  CodeLive
• Searching Mapbox

  An interactive map with a custom search bar, built on Mapbox GL. Demonstrates location search functionality with a styled React UI, making it easy to find and visualise places on the map while experimenting with Mapbox’s core features.

  

  Searching Mapbox

  React, TypeScript, Mapbox GL, SASS

  CodeLive

Tools

I use the following technologies to create my projects: