React.js Tutorial - Build a Pomodoro App with ChakaraUI [Pidgin English Tutorial]

Hey guys!

Let's get started building a nice react.js project for your portfolio ... I will explain in Nigeria pidgin English How to use React Hooks, how to setup and use Chakara UI, with the browser's Audio Api and many more

➤➤ JOIN OUR TELEGRAM GROUP: https://t.me/+hEQueA4gvk9lYjJk 🔥 Ask Coding or Job Interview Questions Get Updates in the Telegram Group!! 🔥 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Links used in this video: ➤➤ JavaScript source code: https://github.com/danju4rizzl/yt-pomodoro-timer ➤➤ TypeScript source code: https://github.com/danju4rizzl/react-popmodora-timer ➤➤ Live Demo: https://music-pomodora.netlify.app/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ⚠️ ChakraUI Docs: https://chakra-ui.com/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ☑️Node.js https://nodejs.org/en/download ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

🚨 Linktree: https://linktr.ee/realdeejaydev

#naija #react.js #pomodoro #pidgin #project #reacthooks #useeffect #audio

⏱️Timestamp: 0:00 - Intro 02:34 - How to setup a vite project with pnpm, npm, yarn 08:48 - Add your first ChakaraUI components 11:37 - Adding custom fonts to ChakaraUI 14:57 - Building our pomodoro app 34:57 - How to add any icon to ChakaraUI components 41:00 - Continue building our application 54:35 - How to add sound feedback to React.js app 58:57 - Outro

🔥 Comments are Always Welcomed and Appreciated ... https://www.youtube.com/watch?v=EPp46rH2T60