Clean Interfaces
Responsive layouts with clear structure and attention to detail.
About
A little About Me.
I'm Giannis Tziotis, a web developer focused on building clean, responsive and practical web experiences. I enjoy creating websites and tools that are simple to use, easy to maintain and built with attention to detail.
Performance Minded
Practical decisions that keep interfaces fast, focused and lightweight.
Semantic Foundations
Accessible, well-structured pages built with the fundamentals in mind.
Focus Areas
What I Enjoy Working On.
The areas I currently focus on while building projects and improving my web development skills.
Responsive Websites
Clean interfaces that adapt naturally across mobile, tablet and desktop screens.
Semantic Web Pages
Well-structured pages built with accessibility, performance and discoverability in mind.
Frontend Applications
Interactive browser experiences with clear layouts and practical functionality.
Developer Tools
Small utilities that solve everyday problems and make common tasks easier.
Projects
A Selection of Things I Have Built.
Projects I use to explore ideas, improve my workflow and document my progress as a developer.
developer tools platform
TransformJS
A growing collection of browser-based developer tools for common frontend tasks and everyday workflow improvements.
- React
- Vite
- JavaScript
portfolio website
Portfolio Website
A personal developer portfolio built to showcase my projects, interests and approach to web development.
- Next.js
- TypeScript
- Tailwind CSS
Tech Stack
Tools And Technologies I Use.
A selection of languages, frameworks and tools I use while building web projects.
Languages
- HTML
- CSS
- JavaScript
- TypeScript
Frontend
- React
- Next.js
- Tailwind CSS
- Vite
Tools
- Node.js
- Git
- GitHub
- VS Code
- Zod
Approach
How I Approach a Project.
A simple workflow that helps me move from an initial idea to a working and maintainable result.
01
Exploration
I define the purpose of the project and identify the features that matter most.
02
Structure
I organize the content, layout and technical approach before writing the main implementation.
03
Development
I build the interface with responsive layouts, reusable code and attention to performance.
04
Refinement
I test the result, improve the details and review the overall user experience.
Contact
Let's Get In Touch.
Feel free to reach out about my work, job opportunities, collaboration or anything frontend-related.