Bro Karim articles - 21 total
animation
Animated Footer w/ Float Icon using typescript and tailwind ...
Animated Footer w/ Float Icon using typescript and tailwind
A footer component featuring social media icons that float upward with a rotation effect when...
Animated Work Card using Typescript, Tailwind and Framer Motion
Simple work card components that brings your projects to life. As users hover over the card, a subtle...
Animated Select component using typescript, shadcn and framer-motion
The "Expand Select Animation" is a custom select component built using TypeScript and Framer Motion,...
Animated Hover Logo using Typescript, Tailwind and Framer Motion
It transforms a static logo into a button, which activates a video tooltip that follows the cursor's...
Animated Video Tooltip using typescript and framer-motion
Video Tooltip is an animated component that activates when users hover over an avatar. This...
Handling Local Storage for Toaster Notifications
Demo : Source code : ============= layout.tsx <body> <ThemeProvider...
Journey In Learning Pandas
This is note a course or tutorial, this is just my own note that i create while learning python3 ##...
Docker Compose in Action : A Real Case Study for Nextjs Projects
Docker Compose sounds great in theory, but how does it actually look in a real project? In this post,...
Docker on Windows: Led Into Container Wonderland
It all started with a simple curiosity. I came across this cool open-source project made with...
Effortless Payments with Lemon Squeezy | Next.js Integration Made Simple
Introduction For many entrepreneurs, the payment process feels like the ultimate test of...
Newsletter with Next.js | Nextjs Mailchimp API Integration✉️
Introduction Do you feel like your email inbox is too empty and needs a little useful...
🍔My Minimal Web Portofolio as Frontend, Build with Nextjs
Creating a web portfolio is an essential step for any developer to showcase their skills and...
📂How to compile and run MDX in React
Hi everyone! Let's dive into our weekly project. Today, we'll explore MDX integration in...
🌈How to Create a Theme with ReactJS and Tailwind CSS
Hey guys, welcome back to our weekly project This week, we're going to look at how to create your own...
🔐Password manager with react, nodejs & mysql part III🚀
Remember that sweet authentication update from last week? This week, we've taken it a step further by...
🔐Password manager with react, nodejs & mysql part II🚀
In the past week, we created a password manager where users can add and encrypt passwords, save them...
🔐Never Forget a Password Again: Build Your Own Secure Manager
Hello everyone! Today, I'm excited to present my new weekly project: a password manager designed to...
🚀Introduction WEB API : Pioneering the Future of Rapid Web Integration🔥⭐
For developers diving into React, it's vital to grasp the art of using APIs to bring data into your...
🎯Introducing Vite : The Future of Speedy Development🔮⏩
Vite is revolutionizing the way developers build web applications, one lightning-fast build at a...
INTL JS API
As an application begins to increase in adoption, it becomes important to personalize user experience...