Atanas Dimitrov
Senior Frontend Engineer
React / TypeScript 🪄 ⚛️
Let's connect
About me
I'm a senior React engineer focused on building performant, well-architected web applications. I enjoy taking ownership of frontend architecture and delivering high-quality features from design to production.
Projects
Flip cards to learn more 🔁
- Zeuxie File Converter
A free online file converter for images, videos, and audio formats. Supports PNG, JPG, WEBP, MP4, MOV, WebM, and more. Fast, secure, cloud-powered conversion with no sign-up required.
- Workout Directory
A workout builder and logger where you can track weights, create exercises, group them into workouts and routines, and browse embedded YouTube videos. Built as a PWA for home screen access and fullscreen view.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
Tools
I use the following technologies to create my projects:
- React
- Next.js
- TypeScript
- GSAP
- Framer Motion
- Three.js
- TailwindCSS
- SASS
- Material UI
- shadcn/ui
- Jest
- React Testing Library
- Node.js
- Express.js
- MongoDB
- PostgreSQL
- Supabase
- AWS
- GraphQL
- Firebase
- GitHub
- GitLab
- Contentful
- Vercel
- Netlify
- OpenAI
- Git
- API Integration
- Localisation
- i18n
- FFmpeg
- CI/CD
- Component Libraries
- UX/UI
