React

Home » React

“Hello, [User]!”: A Beginner’s Guide to Building an AI Chatbot with Google Gemini API and Next.js

2025-07-04T15:11:02+00:00

  These days, it feels like there’s an AI chatbot for everything. Need help with homework? Stuck on a coding problem? Want to research a random topic? These virtual assistants can answer just about any general question you throw at them. They’re becoming our go-to partners for learning, creating, and problem-solving. But have you ever wanted a chatbot that doesn't just give generic answers but understands and responds with information specific to your needs? What if you could build your own AI chatbot, even as a beginner? Thanks to modern tools like the Google Gemini API and Next.js, you don’t [...]

“Hello, [User]!”: A Beginner’s Guide to Building an AI Chatbot with Google Gemini API and Next.js2025-07-04T15:11:02+00:00

Build an AI Opponent for Discord Activities – Intro

2025-05-26T06:50:08+00:00

Have you ever wondered how NPCs and bots in games make decisions? How do they seem to "think" or play strategically—even when there's no human behind the scenes? In this blog series, we’ll take a deep dive into creating your own AI-powered opponent for a turn-based board game—specifically designed to run inside Discord Activities. Our goal is to create an opponent for turn-based board games that makes strategic decisions, learns from its experiences, and offers a compelling challenge for players on Discord. In this blog series, we'll learn how to: Design an AI opponent tailored for turn-based games Integrate your [...]

Build an AI Opponent for Discord Activities – Intro2025-05-26T06:50:08+00:00

Creating a Custom HTML Editor in React

2024-08-21T08:59:05+00:00

This article guides you through integrating a TinyMCE WYSIWYG text editor into a React application which focuses only on the Text Area that displays the HTML code alongside the TinyMCE Text Editor. It covers setting up TinyMCE, managing state, and ensuring real-time updates between the text editor and text area. Whether you’re building a CMS, a blog platform, or an internal tool, this will help in the content editing experience of your users. How the HTML Editor looks and How to use:   We can add text to the text editor on the Right Side then it automatically updates the [...]

Creating a Custom HTML Editor in React2024-08-21T08:59:05+00:00

AWS, Azure, and GCP Certifications are consistently among the top-paying IT certifications in the world, considering that most companies have now shifted to the cloud. Upskill and earn over $150,000 per year with an AWS, Azure, or GCP certification!

Follow us on LinkedIn, Facebook, or join our Slack study group. More importantly, answer as many practice exams as you can to help increase your chances of passing your certification exams on your first try!