<![CDATA[Stories by The Opinionated Dev on Medium]]> https://medium.com/@code-flow?source=rss-d0c6fd1c4ce0------2 https://cdn-images-1.medium.com/fit/c/150/150/1*2gelcXJFxKBmTHm0sveyqg.png Stories by The Opinionated Dev on Medium https://medium.com/@code-flow?source=rss-d0c6fd1c4ce0------2 Medium Sun, 24 May 2026 12:51:14 GMT <![CDATA[Shadcn UI: Revamp your legacy React app with minimal effort]]>

It’s difficult to go back to Material UI or Daisy UI in 2025 once you get into Shadcn. It became my go-to choice and potentially one of my…

Continue reading on Medium »

]]> https://medium.com/@code-flow/shadcn-ui-revamp-your-legacy-react-app-with-minimal-effort-9d05b1df45cc?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/9d05b1df45cc Tue, 01 Apr 2025 10:42:24 GMT 2025-04-01T10:42:24.575Z <![CDATA[Create a Before/After Image Slider with Next.js React]]>

Today we’ll recreate a component that I saw on a fair amount of websites. It’s a comparison slider or a before/after slider where we…

Continue reading on Medium »

]]> https://medium.com/@code-flow/create-a-before-after-image-slider-with-next-js-react-4961cbb082e1?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/4961cbb082e1 Mon, 24 Feb 2025 19:59:10 GMT 2026-01-23T21:47:31.843Z <![CDATA[Interactive video transition with Next.js]]>

Not so long ago I worked at an advertising company where my team was responsible for creating custom campaigns in the form of websites for…

Continue reading on JavaScript in Plain English »

]]> https://javascript.plainenglish.io/interactive-video-transition-with-next-js-a79e9fdd3226?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/a79e9fdd3226 Wed, 11 Sep 2024 11:16:46 GMT 2026-01-23T21:48:40.834Z <![CDATA[Page read progress bar in Next.js]]>

Nowadays I see on almost every blog, news article and just any random website a view progress bar on the top of the page, that shows the…

Continue reading on JavaScript in Plain English »

]]> https://javascript.plainenglish.io/page-read-progress-bar-in-next-js-d11d3ef11392?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/d11d3ef11392 Tue, 10 Sep 2024 11:16:01 GMT 2026-01-23T21:49:28.849Z <![CDATA[Animated Credit Card with Next.js and Tailwind]]>

I remember a good few years ago I saw an app or website where a loyalty card was displayed and it tilted and animated as you moved your…

Continue reading on JavaScript in Plain English »

]]> https://javascript.plainenglish.io/animated-credit-card-with-next-js-and-tailwind-cc30c625e73f?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/cc30c625e73f Wed, 17 Jan 2024 14:16:33 GMT 2026-01-23T21:50:28.023Z <![CDATA[Sort Your Files with Node.js!]]>

Today I’ll show you how I keep my files organised with my custom script using Node.js. I’ll also link a Youtube link below if you prefer…

Continue reading on JavaScript in Plain English »

]]> https://javascript.plainenglish.io/sort-your-files-with-node-js-45253af34654?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/45253af34654 Tue, 13 Jun 2023 12:17:17 GMT 2026-01-23T22:03:25.345Z <![CDATA[Component Library With Tailwind and TypeScript]]>

Part 1 — Creating a simple button component.

Continue reading on JavaScript in Plain English »

]]> https://javascript.plainenglish.io/component-library-with-tailwind-and-typescript-71e12f3701d4?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/71e12f3701d4 Thu, 13 Apr 2023 05:17:20 GMT 2026-01-23T22:04:16.977Z <![CDATA[5 React Hooks That I Use Almost Every Day]]>

I can’t count on one hand how many times I was asked to implement the same thing across different applications. Storing data in…

Continue reading on JavaScript in Plain English »

]]> https://javascript.plainenglish.io/5-react-hooks-that-i-use-almost-every-day-ba04f844b49c?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/ba04f844b49c Thu, 06 Apr 2023 05:16:54 GMT 2025-02-15T21:45:34.797Z <![CDATA[How To Build a REST API with TypeScript, Express and Prisma]]>

After seeing countless videos, articles and news regarding Prisma, a relatively new ORM on the market, I decided it’s time I check it out…

Continue reading on JavaScript in Plain English »

]]> https://javascript.plainenglish.io/how-to-build-a-rest-api-with-typescript-express-and-prisma-d29ba986f5ed?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/d29ba986f5ed Mon, 16 Jan 2023 21:24:56 GMT 2026-01-23T22:05:13.067Z <![CDATA[Make Your Github Profile Stand Out With CSS]]>

Previously the only way you could customise your Github profile was by updating the picture or changing your name. This meant every Github…

Continue reading on JavaScript in Plain English »

]]> https://javascript.plainenglish.io/make-your-github-profile-stand-out-with-css-48f4d2ab5ba1?source=rss-d0c6fd1c4ce0------2 https://medium.com/p/48f4d2ab5ba1 Thu, 12 Jan 2023 00:01:38 GMT 2025-02-15T21:43:13.478Z