01
Clean Interfaces
Responsive layouts with clear structure and attention to detail.
About
I Build Practical Web Projects And Keep Improving With Every One.
I'm Giannis Tziotis, a web developer who enjoys building projects, learning new technologies and improving through hands-on work.
Based in Greece
Open to opportunities
02
Performance Minded
Practical decisions that keep interfaces fast, focused and lightweight.
03
Semantic Foundations
Accessible, well-structured pages built with the fundamentals in mind.
Focus Areas
What I Enjoy Working On.
The areas I explore through personal projects while developing my skills as a web developer.
01
Responsive Websites
Clean interfaces that adapt naturally across mobile, tablet and desktop screens.
02
Semantic Web Pages
Well-structured pages built with accessibility, performance and discoverability in mind.
03
Frontend Applications
Interactive browser experiences with clear layouts and practical functionality.
04
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.
01 / developer tools platform
TransformJS
A browser-based collection of developer tools for common frontend tasks, built with a focus on speed, privacy and everyday usability.
- React
- Vite
- JavaScript
02 / educational website
philologistedu.gr
A modern educational website for a philologist, featuring articles, educational material, SEO-friendly pages and a clean content-focused interface.
- Next.js
- TypeScript
- Payload CMS
- Cloudflare
03 / monitoring dashboard
Sitewatch
A private monitoring dashboard for tracking uptime, response times, status codes and incidents across my web projects.
- Next.js
- TypeScript
- PostgreSQL
- GitHub OAuth
Tech Stack
Tools And Technologies I Use.
A selection of languages, frameworks and tools I use while building web projects.
- HTML
- CSS
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
- Vite
- 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 me!
Contact
Lets Get In Touch
Feel free to reach out about job opportunities, collaboration, feedback or anything related to web development.