Rails is a great tool for writing an app from the bottom to the top. It’s MVC pattern is easy to grasp and can be very useful for separating the concerns. It has a lot of gems on top of each other to make the framework’s writing experience easier. Those gems and their duties is another topic, and I’ll write about them in another article. But when it comes to the frontend, I am not a big fan of the Rails. So today I’ll quickly demonstrate to you, how to configure rails backend with React frontend in two different ways…

Bootstrap 5 Logo

Bootstrap is a powerful front-end library, that gives you the power of quick design and responsive mobile-first site layout. It lays on top of the 12 grid system and it has extensive pre-built components. If you don’t know much about it, you can check my article about V4 and with some simple examples, you’ll have a nice foundation.

In this article, I’ll just sweep through what has changed in V5 and talk about their importance. Bootstrap 5 is an alpha release now and we are waiting for the stable version. …

Bootstrap logo

“Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.” — Wikipedia

This quote from Wikipedia defines the Bootstrap pretty well. I don’t want to add something more instead I prefer to talk about bootstrap structure and how to work with bootstrap. Before any further, I need to mention that, to understand the bootstrap it’s better to have some Flexbox knowledge. It is important because at V4 bootstrap foundation lay on top of flex instead of floats.


Back in my days as a Material Scientist, working on different research projects, I was planning to make a career shift to Web Development. So, it was time for me to start learning HTML and CSS. At first, I took a couple of courses in my native language, Turkish, and pretty soon, I thought I was completely done with those two. How wrong I was! I could not see the uncountable opportunities of HTML and CSS and still considered them limited. But look at me now, want to talk about CSS, specifically animations!

What are Animations

Simply put, animations are…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store