An interactive web application for guided breathing exercises and stress reduction.
Live Demo: https://oerol.de/demos/breaths
Breaths is a simple, modern and interactive frontend application designed to support focused breathing and relaxation exercises through smooth visual guidance and an intuitive user experience.
The project combines clean UI design, fluid animations, and performance-oriented frontend engineering to create a calming digital experience that feels responsive and polished.
This application was built with a strong focus on:
- user-centered interaction design
- smooth motion and visual feedback
- maintainable TypeScript architecture
- TypeScript
- Vite
- HTML / CSS
- Component-based frontend architecture
The codebase is structured for scalability and maintainability, using modern frontend best practices and a lightweight build pipeline.
- Interactive guided breathing flow
- Smooth animation timing and transitions
- Responsive layout across devices
- Strong focus on UX and visual clarity
- Clean and maintainable TypeScript codebase
This project demonstrates my ability to build polished frontend applications that combine:
- technical implementation quality
- product thinking
- attention to UX details
- modern tooling expertise
pnpm install
pnpm dev