Todo application tutorial with React feature image

An Easy Beginner-Friendly Todo App Tutorial With React

Introduction Welcome to the sixth project in our Top React JS Projects for Beginners 2023-2024: Learn & Build journey. This will be the second project that has been built in 2024. This tutorial offers a straightforward guide on how to build an interactive and beginner-friendly todo application with a simple UI/UX. The technologies to build …

An Easy Beginner-Friendly Todo App Tutorial With React Read More »

Flashcard featured image

How To Build A Clean Fully Working Flashcard App With React

Introduction Welcome to the fifth project in our 10 Best React JS Projects For Beginners In 2023 journey. It appears that we are going to continue the rest of the projects in 2024! 🙂 This comprehensive tutorial will show you how to build an interactive and user-friendly flashcard application with an engaging UI/UX. The technologies …

How To Build A Clean Fully Working Flashcard App With React Read More »

Crafting A Modern And Convenient BMI Calculator With React JS Thumbnail

Crafting A Modern And Convenient BMI Calculator With React JS

Introduction Welcome to the fourth project in our Top React JS Projects for Beginners 2023-2024: Learn & Build journey. In this step-by-step tutorial, we will build a modern and convenient BMI calculator with React JS utilizing Vite, TailWind CSS, and react-circular-progressbar. A BMI calculator is a beneficial utility tool to use when you calculate your …

Crafting A Modern And Convenient BMI Calculator With React JS Read More »

Building An Inspiring Quote Generator With React JS (ft. ChatGPT) Thumbnail

Building An Inspiring Quote Generator With React JS (ft. ChatGPT)

Introduction Welcome to the third project step-by-step tutorial in our 10 Best React JS Projects For Beginners In 2023 journey. In this tutorial, we are going to build a simple random quote generator with React JS utilizing Vite, React Hooks, and OpenAI API (ChatGPT). A quote generator is a fun tool to play with whenever …

Building An Inspiring Quote Generator With React JS (ft. ChatGPT) Read More »

How To Create A Dynamic Slideshow Or Image Slider With React Thumbnail

How To Create A Dynamic Slideshow Or Image Slider With React

Introduction Welcome to the second project step-by-step tutorial in our 10 Best React JS Projects For Beginners In 2023 journey. In this tutorial, we are going to build an image slideshow or slider with React JS utilizing Vite, React-Icons, and Axios. An image slideshow is a very effective way to showcase images for websites and …

How To Create A Dynamic Slideshow Or Image Slider With React Read More »

10 Best React JS Projects For Beginners

Top React JS Projects for Beginners 2023-2024: Learn & Build

Background As the popularity of React grows day by day, I’d figure that building React projects and showing how I would build those would be beneficial for both myself and the readers of the blog. So, I’ve done some searches ( ft. ChatGPT 🙂 ) and picked ten easy-to-build applications. What Is React Anyway? Everyone …

Top React JS Projects for Beginners 2023-2024: Learn & Build Read More »

4 Object-Oriented Programming Principles

An Easy Guide To The 4 Object-Oriented Programming Principles

Background In a recent interview, I’ve been asked what object-oriented programming principles are and to give the interviewer some examples. Though object-oriented programming principles are almost one of the common interview questions, sometimes it’s challenging to provide the interviewer examples right at that moment (sadly, especially if you are nervous). So, I decided to brush …

An Easy Guide To The 4 Object-Oriented Programming Principles Read More »

Synchronous, Asynchronous, Async/Await

Introducing Synchronous, Asynchronous, and Async/Await

Background I’ve recently had a chance to have an interview with a company and I was asked this question.“What are synchronous and asynchronous? What are the differences between them?”My answer to that question was something like this:“Well, synchronous means the flow of the program is just one. Whereas, asynchronous can be divided into multiple streams.” …

Introducing Synchronous, Asynchronous, and Async/Await Read More »