Build a Reusable Card Component with Chakra UI
Cards are common UI components used to display a group of information in an organized layout. They are widely used components on many...
11th November, 2022
Hi, my name is
Esther Agbaje.
Dev Advocate 🥑 | Product Marketer
Developer Advocate with an experience in managing and growing developer communities and a proven track record of developing and executing successful go to market strategies for technical products.
Get In Touch01.Course I've created
Chakra UI for Beginners
The complete course for absolute beginners to understand how Chakra UI works and get started building.
View course
02.Recent Videos
Build a Whatsapp Web clone with Chakra UI and Vite
In this video, I walk through the step by step development of a Whatsapp Web using Chakra UI...
Learn to use Storybook in your React Project in 8minutes
In this video, I give a basic walkthrough of what Storybook is, what a story is and how to create stories...
How to enable Right-to-Left (RTL) support using Chakra UI
In this video, I talk about how enabling Right-to-left (RTL) support on your website or web app helps you reach a...
Convert your Figma designs to Code using FigPilot
FigPilot is a Figma Plugin that lets product teams to quickly convert their Figma designs to code and I walk you...
Build the GitHub Login Screen using Chakra UI
The first thing returning users see when they need to access an application is the login form, and in this video...
Component of The Week - Range Slider
Need to select a numeric value within a given minimum and maximum range? Use the RangeSlider component...
03.Highlighted Articles
Send contract address messages from Alchemy to a PostgreSQL database
With nearly 100,000 transactions processed on Ethereum every second, you'll likely want to securely store details and activities on your web3...
14th October, 2022
The beginners guide to building an accessible web
Accessibility (a11y) is an essential part of web development because it provides unrestricted access to millions of users. Unfortunately...
24th March, 2022
5 Popular Frontend Development Tools in 2021
The increasing number of frontend developer tools out there make it difficult to decide which to pick for your next project. I've compiled five popular frontend...
15th November, 2021
How to build a simple form with validation using yup and formik
Just imagine the frustration that may come from filling a poorly validated form :( You'll probably bounce off the page. On surface level, forms are very...
3rd June, 2020
How to use React Hooks to create a Counter Component
Have you been looking for the simplest way to build a counter component using React Hooks? Well, here you go! First thing you need to know is that since we're using hooks...
20th March, 2020
04.About me
Hi there! I'm Esther, a Developer Advocate and Product Marketer.
Through my experience at Chakra UI, I’ve had the opportunity to contribute to open source, advocate towards building a faster web and creating a vibrant developer community.
I manage the documentation, write articles, and create YouTube videos to showcase Chakra's superpowers in a way that fosters community's growth and marketing efforts.
This combination of technical expertise and marketing acumen allows me to understand and effectively communicate the value of our products to both technical and non-technical audiences.
Here are a few technologies I've been working with recently:
- Figma
- React JS
- Chakra UI
- Next JS
- Vite
05.Some Things I've Built
Chakra UI for Beginners
Learn how to use Chakra UI like a PRO. The complete course for absolute beginners to understand how Chakra UI works & get started building.
Figma
Chakra UI
Next JS
RCCG HOG Website
Created the Responsive UI Design in Figma for all the pages and Developed the entire features of the fully responsive wesbite using Chakra UI and Next.js.
Figma
Chakra UI
Next JS
Strapi
Get In Touch
Love to connect with me or invite me to speak at your next event? Shoot me an email! 📧
Send email