web development54 min read
Create a Multi-Room Chat App Using React and Firebase
Learn to build a real-time chat app with React and Firebase. Master room-based data models, user authentication, and create public and private rooms with join codes.
Tag
Tutorial
Step-by-step guides teaching specific programming skills
15 articles
AI21 min readBuild a Research Assistant AI Agent with TypeScript (Part 2): Callbacks, State, and Memory
Learn how to add agent callbacks, session state, and memory to a TypeScript AI agent. Build a production-ready multi-agent research assistant with ADK-TS.
- AI26 min read
Build a Research Assistant AI Agent with TypeScript and ADK-TS (Part 1)
Build a multi-agent AI research assistant in TypeScript with ADK-TS. A 4-agent sequential pipeline that researches, analyzes, and writes reports.
AI16 min readHow to Build Your First AI Agent in TypeScript using ADK-TS
Learn to build your first AI agent in TypeScript using ADK-TS. Create multi-agent systems with subagents and tools using external APIs. Complete tutorial for developers.
web development11 min readHow to Convert an SVG into a React Component: A Simple Guide
Learn how to convert SVG to React component with dynamic styling. This guide shows how to import SVGs as components, change SVG color and size in React, and handle complex SVG files.
web development5 min readHow to use Inline CSS Variable in Html
Learn how to use CSS variables inline in HTML for dynamic and personalized styling. Understand the benefits and explore practical examples with inline CSS variables.
web development24 min readHow to Build Responsive Layouts Using CSS Grid
Responsive web design is essential in today's web development landscape due to the diversity of devices and screen sizes.
open source6 min readHow to Fork a Repo on GitHub using your Mobile Device
Learn how to how to fork a repo in github on your mobile device. With the latest update to GitHub's web interface, you can now do so with the click of a button.
web development16 min readHow to Build a Real-time Chat App with React and Firebase
In this article, we will build a real-time chat app using React and Firebase. We will allow the user to log in with their google account using Firebase's Google sign-in Authentication, and we will store and retrieve all the chatroom messages using Firebase's Cloud Firestore.
web development17 min readHow to Build a Responsive Image Slider with Html, CSS and JavaScript: Step-by-Step Guide
Learn to create a responsive image slider using HTML, CSS, and JavaScript. Elevate your front-end skills with this beginner-friendly project.
web development13 min readHow to Build a Random Color Flipper with Vanilla Javascript
Learn JavaScript with our color flipper tutorial! Elevate your skills with this random color generator that changes element background on click.
web development11 min readHow to Build an Accordion Menu 3 Simple Ways
Learn how to create HTML and JavaScript accordion menus for a cleaner and organized user experience in web design.
web development11 min readHow to create your own custom Code Snippets right in your Code Editor
Code Snippet is a term used in programming to describe a small portion of reusable source code, machine code, or text. They help programmers reduce the time it takes to type repetitive codes while programming.
web development10 min readall vs root vs html vs body selectors
CSS selectors are used to select elements in our web document so we can apply CSS styles to them.
- open source5 min read
How to fork a repo in GitHub using Your Mobile Device
Learn how to fork a GitHub repo on your mobile device. All you need to do is push a button.
The newsletter
Join Timonwa's Notes
What I've been working on, and whatever links, tools, and posts stuck with me. Roughly once a month.