Hello Devs, The feature we are building today is frequently asked in React interviews. But it doesn't test only your React skills, it test your overall JavaScript and basic logic building skills. So, let's dive into building our fourth frontend feature: [Folder/File explorer UI] What are we building? Live preview with code: https://stackblitz.com/edit/vitejs-vite-4bqecn?file=src%2FApp.jsx Philosophy The basic philosophy behind building a "Folder/File explorer UI" is as following: List all the...
7 months ago • 3 min read
Hello Devs, Nowadays, one feature that you will see in almost all sites specially in blogs is theme switching specifically dark mode. And that's what we are building today. [Dark Mode in NextJs page with Tailwind and Shadcn-UI] So, let's dive in to build our third frontend feature. What are we building? Live preview with code: https://stackblitz.com/edit/stackblitz-starters-adalin?file=app%2Fpage.tsx Philosophy. First, let's understand the philosophy and basic system design behind adding dark...
7 months ago • 4 min read
Howdy Devs, Las week we built an `Adaptive progress bar text`. Despite the complexity of that feature, I am thrilled to see the response from you all on my first issue. Thanks a lot for that. Today we are building a simple "Password Strength Indicator" in React. So, let's dive in to build our second frontend feature. [Password Strength Indicator] What are we building? Live Preview: https://stackblitz.com/edit/vitejs-vite-usrrut?file=src%2FApp.jsx Let the coding began. If you have built...
7 months ago • 2 min read
Howdy Devs, Recently I got a task to build a progress bar with % of progress to show at right end of the bar. Haha, that's fairly straight forward. Turns out it was not. Once I started to code the solution, a major challenge came up which I couldn't for-see earlier. And it turned out to be pretty tough than what I initially thought. So, let's dive in to build our first complex frontend feature. [Adaptive progress bar text] What are we building? Live Preview:...
7 months ago • 4 min read