DEV Community: Yaroslav Solovev

🪿 Building My Interactive Cozy Portfolio - Devlog

Yaroslav Solovev — Sun, 26 Apr 2026 20:28:13 +0000

For the past few days, apart from pacing further along my React studies, I started working on my personal portfolio website! It's been a thing I wanted to make for a while, but that I always thought I didn't have sufficient skills and experience for. Turns out I do!

I started from creating a board of inspirations and mapping out how I even want to structure the site. Since it's my first time creating something like this, it took some time, and I still definitely think there is a lot of stuff to be added in the future.

The first section that I ended up implementing (and the only one I made so far) is this interactive 3D scene with some of my favorite hand-picked quotes layered on top. I want the site to be full of easter eggs and cool playful experiences, so by clicking on the grass field you can spawn geese that will follow your cursor and absolutely warp all text around them :D

I gotta point out that I NEVER worked with 3D on the Web before. It took a lot of time to get everything working (and some help from my buddy Gemini CLI too), but I'm really happy to have applied all the knowledge I got from my React lessons here.

The current version is deployed here - https://yaroslav-solo-geese.vercel.app/
(at it will keep getting updated almost daily)
And the repo is here - https://github.com/soloiaros/geese

Will keep moving forward! See you in the future updates 😜

Discovering pretext in a fun way

Yaroslav Solovev — Thu, 23 Apr 2026 19:59:15 +0000

This is day 110 of my web dev diary, and today I decided to try something that I've been getting more and more interested in during the past few weeks - the brand new pretext npm module that lets you dynamically update text layouts using HTML's Canvas.

I built this (pretty simple) demo where a goose follows your cursor wherever you move it. Was a very rewarding and fun experience (and also my first encounter with Google's Jules to help out with using the Three.js library which I'm still not that familiar with).

(the part that have eaten quite a chunk of my time was the goose's rig animation in Blender, which is the first time I ever opened Blender or had any experience with animating a 3D model)

I want to make it a bit more visually appealing and maybe place some of my favorite book quotes in place of the dummy lorem ipsum, but this is the job for the next day. Overall, really happy with what I've achieved and learned so far!

My First React Project!

Yaroslav Solovev — Wed, 22 Apr 2026 20:11:01 +0000

Had so much fun with this one - and also a lot of mental gymnastics regarding the component hierarchy. Feel really well about the result though (maybe except for the styling, didn't want to spend more time than it's reasonable in a project focused on React app architecture).

I also added an ability to export the resulting CV to PDF, so the project can actually be useful. I used with html2pdf.js for it, which required digging a bit deeper into how components can utilize asynchronous features. Was totally worth it though, I feel like by implementing this feature I just reinforced the core principles of passing state through the application.

Oh, and it also was my first Vercel deployment experience, which went unexpectedly quick and smooth (though I had to learn a lesson on differenced between file naming conventions on Mac and Linux, and do some manual component renaming work in the terminal).

You can check it out live - https://cv-builder-lyart-pi.vercel.app/
As well as in a repo - https://github.com/soloiaros/cv-builder-react

Day 109 of my Web Dev Diary - First React Project

Yaroslav Solovev — Tue, 21 Apr 2026 19:33:55 +0000

Spent 6+ hours working on my mini Resume Builder project in React. Took sooooo much mental gymnastics, but I'm super happy with how I ended up structuring all the components, the end result looks super clean and is as scalable as it gets. Considering it is my first experience making any kind of project using React, I think it's going pretty good (I even added some extra features along the way, like applying dufferent styles to the resulting document.

Tomorrow I'm planning on adding export to PDF, and wrapping up the project after some polish, since it's already been a huge learning opportunity, and I can't wait to extend my knowledge further.

See you tomorrow! 👋

My web dev diary - day 108

Yaroslav Solovev — Mon, 20 Apr 2026 18:23:17 +0000

The main goal for the day was to finish the module on core React State concepts (like single source of truth principle, scoping state, and other stuff), and to start building my first mini React project!

The project is a simple CV builder tool that lets you edit everything, pick a style, and then export it to PDF. I bullied my fear of blank page to death many projects ago, so after some sketching and planning I started right away with building the directory hierarchy and the core components

The file structure I came up with so far

It's a completely new paradigm compared to building stuff in vanilla JS, so obviously I'm still getting used to utilizing all those concepts to my advantage. Nevertheless, will keep updating and learning in public.

Here's the directory so far, though it's nothing more than some components glued and taped together for now - https://github.com/soloiaros/cv-builder-react

If you have any advice, I would absolutely love to hear it! I'm only starting with React, so any piece of guidance from someone more skilled is just invaluable.

My first daily update here - moving on with day 107

Yaroslav Solovev — Sun, 19 Apr 2026 20:45:46 +0000

I have a long-running series of daily web dev diary on LinkedIn, but I decided to move it to a more developer-related community, so here is how my day of learning went!

I'm continuing to dive deeper into React, and today I studied State and the best practices when working with it, as well as some stuff to avoid. Mainly explored the state structures and the entire 'State as a Snapshot' concept and where it really stems from. Definitely can tell that I understand much more about the way React handles rendering.

The majority of my practice came from the React Docs themselves - I'm simply in love with the way they're written, and the challenges provided in the end of each section are just golden.

Will keep updating daily! I've found that this series helps a ton with showing up every day, and that alongside it I've come a really big way from where I was at the time I started it.