Starting point
While studying, I bought my first personal domain name. It needed a landing page and became a practical exercise for developing my CSS and Sass skills.
Personal student project
Personal homepage
A minimalist personal homepage I built during my bachelor’s degree using React, TypeScript and Sass, with playful interactions and a responsive layout.
What was needed
- A simple online identity on the new domain
- Direct links to contact details and social profiles
- Room to experiment with frontend interaction and SCSS
- A responsive desktop and mobile experience
The solution
A minimalist React landing page with a custom typewriter, playful desktop interaction and responsive dark styling.
Technology used in this project
- React
- TypeScript
- Vite
The project
During my bachelor’s degree, I bought my first personal domain name. I built this minimalist landing page for it and used the project to develop my CSS and Sass skills. The first version dates from 2023 and combines React and TypeScript with Sass and CSS variables for its dark visual style.
Interaction
A custom React component reveals the name letter by letter after a short delay. The page also provides direct links to GitHub and LinkedIn, as well as email. On desktop, a second component counts how often a visitor tries to scroll and responds with different messages. On smaller screens, the experience is simplified and the social links move below the title.
Further development
The project was later migrated from Create React App to Vite. React Router enabled a separate privacy route, while Umami added privacy-friendly visitor analytics. As a student project, it primarily captures my early frontend experiments and the technical choices from which my later work developed.
