Screenshots

I did my best to make this website look great from simple animations to color pallete. I really hope everyone visiting and reading this is going to enjoy my work.

Design and development

To be completely honest this app started as a giant mess. I tried to mix my own style with the style shown in the course so initial version ended up feeling completely bland and unpolished. As the time went I decided I actually need to take care of here since it quite literally is my own business card and got back to the development.

I went with a dark and light mode to add a bit more options of customizability with the dark one being the default. For the accent color I asked few of my friends and my future wife allowing them to choose one of few colors. All of them picked purple so I went with a really nice purple color and simple animations using CSS to make things look more proffesional and fluid.

Thats how the version you look at right now came to life and to be completely frank I do enjoy my work this time. I hope others will enjoy it as much as I do!

Learning

This website is the first project I can actually say I learned a lot from not by just mastering my already existing skills but by learning many new skills. I tried experimenting with any CSS animations and transitions which I believe turned out quite well. Using even easy Translates or Transition really could make a difference in the app presentation. I learned how to use basic keyframes, animation and transitions in CSS.

Next thing I learned in here was the use of jinja macros. I decided I could just use a macro for project cards in projects section to make it more reusable and easy to loop over. I can easily pass many values into the macro to generate a perfect card for any project.

Last important thing I learned or at the very least the last thing I want to mention is actually something that I feel like is really a underrated concept - design and use of colors. Yes, it may sound simple but before this project I really did not understand the importance of accent color usage and many slight design choices like section seperators. Every project I did myself before was a complete black and white design which for me felt simple and enough, but as the time goes I realized that use of a color might make app design go from good to amazing.

Even though I enjoy writing back-end much more and have a hard time with designing I am really proud of how much I learned in this particular project. It really elevated my thinking not only as a developer but as a designer. I cannot wait to learn even more things to improve at what I love!

Roadmap