Blog preview

What are you most proud of, and what would you do differently next time?

I am most proud of learning maintable using cursor AI, unlike the QR project where I had to do it by eye and I used it without AI, and only this time I am improving using the provided CSS style from Figma (except the dimension, we have CSS styling for that!) and AI. I just wanted to see what the difference is between with vs without AI.

I would do differently by relying a little less on the AI, as at some point, the AI can write a different solution from what I intended. This led to more rabbit hole research on the different CSS styling and CSS maintainability techniques. I learned a lot in that area and got the idea of learning CSS styling and maintainability techniques from an AI I had never dreamt of before.

What challenges did you encounter, and how did you overcome them?

I encountered challenges implementing a view slider and switching from desktop to mobile view, as I wanted to test different dimension sizes. I tried to deviate from the two HTML sheets, as I didn't want to copy and paste similar HTML. I got around it by adding a div class view switcher and some CSS styling on top of that. Then I kind of broke the pure HTML/CSS rule, but I just wanted to refresh a bit on my JavaScript, too!

What specific areas of your project would you like help with?

I probably need help keeping the card dimensions consistent from the mobile to the desktop slider, as I could not get around the slight dimension change when changing it.