--- title: How to Build a Real-time Chat App with React, Node,... description: This will be a great project to learn how to put together fullstack apps, and how to create an app where the backend can communicate with the frontend in real... canonical: https://daily.dev/posts/how-to-build-a-real-time-chat-app-with-react-node-socket-io-and-harperdb-yfcd2qgdi twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How to Build a Real-time Chat App with React, Node, Socket.io, and HarperDB | daily.dev og:description: This will be a great project to learn how to put together fullstack apps, and how to create an app where the backend can communicate with the frontend in real... og:url: https://daily.dev/posts/how-to-build-a-real-time-chat-app-with-react-node-socket-io-and-harperdb-yfcd2qgdi og:image: https://api.daily.dev/og/posts/Yfcd2qgDI.png og:image:alt: How to Build a Real-time Chat App with React, Node, Socket.io, and HarperDB og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # How to Build a Real-time Chat App with React, Node, Socket.io, and HarperDB **[freeCodeCamp](https://daily.dev/sources/freecodecamp)** · [@doabledanny](https://daily.dev/doabledanny) · 25 min read · 16 upvotes · 0 comments ## Summary This will be a great project to learn how to put together fullstack apps, and how to create an app where the backend can communicate with the frontend in real time. In this article, we will be using Socket.io and HarperDB to build a fullstack, real-time chat application with chat rooms. Let's set up our HarperDB database that we will use to permanently save messages sent by users. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#database](https://daily.dev/tags/database), [#bots](https://daily.dev/tags/bots), [#harperdb](https://daily.dev/tags/harperdb) [View this post on daily.dev](https://daily.dev/posts/how-to-build-a-real-time-chat-app-with-react-node-socket-io-and-harperdb-yfcd2qgdi) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"How to Build a Real-time Chat App with React, Node, Socket.io, and HarperDB","url":"https://daily.dev/posts/how-to-build-a-real-time-chat-app-with-react-node-socket-io-and-harperdb-yfcd2qgdi","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-build-a-real-time-chat-app-with-react-node-socket-io-and-harperdb-yfcd2qgdi"},"datePublished":"2022-08-04T16:31:54.946Z","dateModified":"2022-08-04T16:31:54.875Z","description":"This will be a great project to learn how to put together fullstack apps, and how to create an app where the backend can communicate with the frontend in real...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/8b5fc0146fafe0dc1fb2f6709897af3a","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/8b5fc0146fafe0dc1fb2f6709897af3a","isAccessibleForFree":true,"articleSection":"freeCodeCamp","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Danny Adams","url":"https://daily.dev/doabledanny","image":"https://avatars.githubusercontent.com/u/66567328?v=4","description":"I like React, Node and PHP","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":160}},"commentCount":0,"discussionUrl":"https://daily.dev/posts/how-to-build-a-real-time-chat-app-with-react-node-socket-io-and-harperdb-yfcd2qgdi","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":16},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,database,bots,harperdb","timeRequired":"PT25M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":3,"name":"How to Build a Real-time Chat App with React, Node, Socket.io, and HarperDB"}]} ```