In my mind, I wrote
by Adam Wathan, which completely changed the way I thought about designing UI.
But in all that time, I somehow neglected one tiny detail—yep, you guessed it—updating my website. Now, at 16, this comment:
In my mind, I wrote
by Adam Wathan, which completely changed the way I thought about designing UI.
But in all that time, I somehow neglected one tiny detail—yep, you guessed it—updating my website. Now, at 16, this comment:
•
For the CSS, I went with Tailwind CSS (I mean, if you’re not using it in 2024, are you even real? 😅).
The Design
After spending way too much time staring at my old website, I decided light mode just wasn't cutting it. I wanted a drastic change, something that would make a real impact. And what better way to do that than by flipping the switch and going full dark mode? It's like your website starting a villain arc 😂.
For the font, I chose Inter. After many failed attempts with other fonts, especially on Windows devices where my sites looked like this:
Clearly, the font on Macs was superior. But with the default San Francisco font being exclusive to Apple, I needed an alternative. Enter Inter—one of the most stunning fonts I’ve ever seen and a perfect replacement for San Francisco.
After that I speedily moved onto thinking about the next section.
Revisiting Edvard's comment:
•
, which they describe as "A production-ready motion library for React." I couldn’t agree more.
I thought it was perfect until my friends weighed in:
Initially, I resisted changing it. But after hours of tweaking, I realized that maybe, just maybe, the bounce was a bit excessive. So, I dialed it down.
I also built a projects page, as mentioned before. It was very similar to the projects section on the homepage, sporting the same modals to showcase all the projects I’ve developed over the years (Note: this section is still a work in progress, so don’t be surprised if it’s a bit sparse).
So here I am, finally updating my website with all this hard-earned knowledge. Let’s just hope this one doesn’t end up looking like it was designed by a 16-year-old. Oh wait… 😅
You can go check out my website . If you liked this post, please give the repo a star and consider following.
My personal portfolio website, built with Next.js
This is a .
Getting Started
First, run the development server:
Open can be accessed on instead of React pages.
This project uses - learn about Next.js features and API.
- your feedback…
:
Community-Analysen & Experten-Meinungen 0
Verwandte Story-Cluster & Quellen (Vektor-KI)
Community-Analyse & Blog-Beitrag verfassen
Referenziert: Yet another website redesign.Auch interessante Nachrichten Yet another website redesign.
Thematisch verwandte Begriffe: another, website, redesign · 6 Treffer
Generate playable HTML5 games with Mistral Medium and GLM
New AI waifus, new Deepseek, realtime worlds, Happy Shrimp, tiny TTS: AI NEWS
Ox Alpha reveal, realtime Minimax, Qwen Next, Hy4, robot olympics: AI NEWS
Claude Fable 5.1 Just Set a New AI Performance Record
Sam Altman Says This AI Agent Could Run Forever
New Qwen 3.8 Max Update Is SCARY GOOD!
Videos werden geladen ...
Beiträge werden geladen ...
Videos werden geladen ...
Beiträge werden geladen ...
Videos werden geladen ...
Beiträge werden geladen ...
Videos werden geladen ...
🔖 Gespeicherte Artikel
LESE-STREAK
SOCIAL SHARE CARD GENERATOR
PERSONALIZED SOCIAL WEEKLY DIGEST
CREATOR PROFIL & SOCIAL REPUTATION
Autor
tsecurity.de App
Installiere tsecurity.de direkt auf deinen Home-Bildschirm für das ultimative Vollbild-Magazinerlebnis ohne Browser-Leisten.
Community Radar & Live Chat
📡 Aktivitäten deiner Analysten
💡 Neues Thema oder Eilmeldung einreichen
Reiche interessante Links, Zero-Days oder Debatten ein. Die Community entscheidet per Upvote über die Veröffentlichung.
🔥 Heiß diskutierte Einreichungen
tsecurity.de Community
E-Mail bestätigt!
Willkommen im TSecurity Cyberbriefing Netzwerk. Dein Account und dein +50 Karma-Startbonus wurden erfolgreich aktiviert.
⌨️ Tastaturkürzel