Light

Light

If you're curious about how to use OpenAI's ChatGPT API in a Node.js application, I built a simple project to demonstrate exactly that — and made a short tutorial video to go with it. ### 📽️ Watch the 8-Minute Video Tutorial: ### 💻 GitHub Repo: 👉 https://github.com/abbas-mgz/chatgpt-js ### ⚙️ What You'll Learn: * How to connect to OpenAI's ChatGPT API * How to send and receive prompts using `fetch()` * Basic `.env` setup for secure API keys * Configurable model (GPT-3.5 or GPT-4) * Clean and minimal Node.js code (no frontend) ### 🚀 How to Run: bash git clone https://github.com/abbas-mgz/chatgpt-js cd chatgpt-js npm install echo "OPENAI_API_KEY=your_key_here" > .env node index.js

Backend development is the engine behind the smooth functioning of modern web applications. Among the powerful technologies in this domain, **Node.js** stands out for its efficiency, speed, and scalability. If you're looking to supercharge your backend development journey, this **Node JS tutorial** by **Tpoint Tech** is the perfect place to start. Whether you’re a newbie or brushing up your skills, this **Node JS tutorial for beginners** will guide you step-by-step to understand, install, and write your first backend scripts using Node.js. Plus, we'll also include hands-on code examples to help you practice as you learn. ## What is Node.js? **Node.js** is an open-source, cross-platform runtime environment that allows you to run JavaScript on the server side. It’s built on Chrome’s V8 JavaScript engine and is known for its non-blocking, event-driven architecture. With Node.js, you can build scalable and high-performance applications with just one language — JavaScript — for both frontend and backend development. ## Why Choose Node.js? * **Fast and Scalable** : Built on Google Chrome’s V8 engine. * **Single Language Development** : JavaScript on both frontend and backend. * **Huge Ecosystem** : Over 1 million packages on npm. * **Asynchronous and Event-Driven** : Ideal for real-time applications like chat, video streaming, etc. ## Getting Started with Node.js Let’s begin this **Node JS tutorial for beginners** with setup and your first application. ### Step 1: Install Node.js Visit https://nodejs.org and download the LTS version. Installation includes `npm`, the Node Package Manager. To verify the installation, run the following in your terminal: node -v npm -v ### Step 2: Your First Node.js Program Create a file named `app.js`: // app.js console.log("Welcome to Tpoint Tech's Node JS Tutorial!"); Now run it using: node app.js You should see: Welcome to Tpoint Tech's Node JS Tutorial! Simple, right? Let’s go a little deeper. ## Building a Simple HTTP Server Here’s a basic HTTP server using Node.js: // server.js const http = require('http'); const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello from Tpoint Tech Node JS Tutorial!'); }); server.listen(3000, () => { console.log('Server running at http://localhost:3000/'); }); Run it: node server.js Open your browser and navigate to `http://localhost:3000`. You’ll see the message served via Node.js. ## Using npm and Installing Packages One of Node.js’s strongest features is npm — the Node Package Manager. Let’s initialize a project and install the `express` framework. npm init -y npm install express Create a file `express-server.js`: // express-server.js const express = require('express'); const app = express(); app.get('/', (req, res) => { res.send('Hello from Tpoint Tech Express Server!'); }); app.listen(3000, () => { console.log('Express server running on http://localhost:3000'); }); Run: node express-server.js Now your app is running on Express — a minimal and flexible Node.js web application framework. ## Working with File System (fs Module) Node.js comes with core modules like `fs` for interacting with the file system: // file-read.js const fs = require('fs'); fs.readFile('app.js', 'utf8', (err, data) => { if (err) throw err; console.log(data); }); This reads and displays the content of `app.js`. File handling is a crucial part of backend development, and Node.js makes it smooth and asynchronous. ## Creating REST API with Node.js Let’s build a simple RESTful API using Express: // api.js const express = require('express'); const app = express(); const users = [ { id: 1, name: "Alice" }, { id: 2, name: "Bob" } ]; app.get('/api/users', (req, res) => { res.json(users); }); app.listen(4000, () => { console.log('API running at http://localhost:4000/api/users'); }); Visit `http://localhost:4000/api/users` to see your JSON data served via REST API. ## What’s Next? Once you've mastered the basics with this **Node JS tutorial** , Tpoint Tech encourages you to explore more advanced topics like: * Working with MongoDB and Mongoose * JWT Authentication * Socket.io for real-time apps * Uploading files using Multer * Deployment with Heroku or Vercel Tpoint Tech offers detailed tutorials and hands-on projects to help you deepen your knowledge and build full-stack applications confidently. ## Conclusion This **Node JS tutorial for beginners** is designed to help you build solid backend development skills quickly. From setting up your environment to creating APIs and serving content, you now have a functional understanding of how Node.js works in real-world development. **Tpoint Tech** is your go-to resource for mastering modern web technologies. Stay tuned for more advanced tutorials and build your portfolio with practical, deployable projects.

> If you will need a source code for this tutorial you can get it here. Building a content management system is an exciting journey, and today we're diving into its core functionality - post creation. In this comprehensive guide, we'll walk through implementing a robust post management system from the ground up. We'll start by establishing a solid backend foundation with Node.js, setting up the necessary routes, models, and controllers. Then, we'll move forward to create an intuitive frontend interface that integrates with our API. This approach - beginning with the backend and then progressing to the frontend - will help us understand the complete data flow and ensure a well-structured application architecture. So let's start from building the typical "post schema", probably while developing or adding more features to the post we will modify it's schema, but for now we will add simple necessary fields. ## 1. Setting Up the Post Model (MongoDB Schema) In one of our previous articles, we created our first "user" schema. Now we need to repeat this process, but only for our article entity. Let's do it: * define necessary "post" fields. For example, I will set fields like title, subtitle, three meta fields (keywords, description, and schema), URL, language, status, archive, created, updated, and body (Array), which will store a list of text parts... ; * create new "posts" folder inside the "models" folder; * add new "posts.mongo.js" file; * import "mongoose" and define a new "postSchema" with the "mongoose.Schema" method; const mongoose = require('mongoose'); const postSchema = new mongoose.Schema({ title: { type: String, default: '' }, subTitle: { type: String, default: '' }, status: { type: String, default: '' }, archived: { type: Boolean, default: false }, slug: { type: String, default: '' }, language: { type: String, default: '' }, created: { date: { day: { type: String, default: '' }, month: { type: String, default: '' }, year: { type: String, default: '' }, time: { type: String, default: '' } }, user: { type: String, default: '' } }, updated: { date: { day: { type: String, default: '' }, month: { type: String, default: '' }, year: { type: String, default: '' }, time: { type: String, default: '' } }, user: { type: String, default: '' } }, meta: { description: { type: String, default: '' }, keywords: { type: String, default: '' }, schema: { type: String, default: '' } }, body: [ { type: { type: String, default: '' }, content: { type: String, default: '' }, } ], }); module.exports = mongoose.model('Post', postSchema); Something like that. You can change those fields, depending on your post structure. Okay, let's move to creating new post functionality. ## 2. Creating Post Functions (Service Layer) In this section, we need to simply add a function that will get the post as a payload and save it in our "posts" db. * import our "posts" schema from "posts.mongo"; * add a "createNewPost" function with the "mongoose" create method; async function createNewPost(payload) { try { const newPost = await posts.create(payload); return newPost; } catch (error) { console.error('Error creating new post:', error); throw error; } } ## 3. Establishing Post Routes (API Endpoints) The most interesting part is where we will define the new "posts" API group with the first route. * create a new "posts" folder inside the "routes" directory; * add new "posts.router.js" file, where we need to import express, define new "postsRouter" and set the first post route; const express = require('express'); const postsRouter = express.Router(); postsRouter.post('/create', postsController.createNewPost); module.exports = postsRouter; * inside the "api.js" file import and use our posts routes; const express = require('express'); const usersRouter = require('./users/users.router'); const postsRouter = require('./posts/posts.router'); const api = express.Router(); api.use('/api/users', usersRouter); api.use('/api/posts', postsRouter); module.exports = api; That's it, now we have the first post route that should trigger "controller" which we will define in the next part and save a new post. ## 4. Building the Post Controller It will be a simple controller that will receive a post from the request body, use the "createNewPost" function from the post model, and return some result (success or error, if success then it's a good fit to return the created post). async function createNewPost(req, res) { const { post } = req.body; if (!post) { return res.status(400).json({ status: 400, message: 'Post is required' }); } try { const newPost = await postsModel.createNewPost(post); return res.status(200).json({ status: 200, message: 'Post created successfully', post: newPost }); } catch (error) { return res.status(500).json({ status: 500, message: 'Internal server error' }); } } Awesome, we did it, we prepared our backend infrastructure to accept and save post from the client side. In this guide, we've successfully built a foundational backend structure for post creation in our content management system. We've covered all essential components: Created a flexible MongoDB schema that can accommodate various post attributes Implemented a service layer with a robust post creation function Set up API routing with Express Built a controller to handle post creation requests with proper error handling This backend infrastructure now serves as a solid foundation for building the frontend interface. With these components in place, you can now securely create and store posts in your CMS, and easily extend the functionality to include features like post updating, deletion, and retrieval. In the next article, we'll focus on building the frontend interface that will interact with these endpoints, allowing users to create posts through an intuitive UI. See you on the next article and Happy Coding! > If you need a source code for this tutorial you can get it here. Found this post useful? ☕ A coffee-sized contribution goes a long way in keeping me inspired! Thank you) > Next step: "React Post Creation Form: Building the Frontend for Your Content Management System"

<h1 id="creating-a-real-time-chatbot-with-mongodb-and-nodejs"><strong>Creating a Real-Time Chatbot with MongoDB and Node.js</strong></h1> <h2 id="introduction"><strong>Introduction</strong></h2> <p>In this tutorial, we will create a real-time chatbot using MongoDB and Node.js. MongoDB is a popular NoSQL database that excels at handling large amounts of unstructured data, while Node.js is a JavaScript runtime environment that provides a scalable and efficient way to build server-side applications. This combination allows us to create a chatbot that can handle multiple conversations simultaneously and store user data efficiently.</p> <h2 id="what-youll-learn"><strong>What You’ll Learn</strong></h2> <ul> <li>How to create a real-time chatbot using MongoDB and Node.js</li> <li>How to design and implement a database schema for a chatbot</li> <li>How to use Node.js to build a chatbot that can handle user input and responses</li> <li>How to implement real-time functionality using WebSockets</li> <li>Best practices for performance, security, and optimization</li> </ul> <h2 id="prerequisites"><strong>Prerequisites</strong></h2> <ul> <li>Node.js (v14 or higher)</li> <li>MongoDB (v4 or higher)</li> <li>Basic understanding of JavaScript and database concepts</li> </ul> <h2 id="technologiestools"><strong>Technologies/Tools</strong></h2> <ul> <li>MongoDB</li> <li>Node.js</li> <li>Express.js</li> <li>WebSocket</li> <li>Socket.io</li> <li>Mongoose (for MongoDB interaction)</li> <li>console.log (for debugging)</li> </ul> <h2 id="technical-background"><strong>Technical Background</strong></h2> <h3 id="core-concepts-and-terminology">Core Concepts and Terminology</h3> <ul> <li><strong>NoSQL Database</strong>: A database that does not use the traditional structured query language (SQL) to manage data.</li> <li><strong>Real-time Chatbot</strong>: A chatbot that can respond to user input in real-time, without requiring a user to submit a request.</li> <li><strong>WebSockets</strong>: A protocol that allows a client to establish a persistent, bi-directional communication channel with a server over the web.</li> </ul> <h3 id="how-it-works-under-the-hood">How it Works Under the Hood</h3> <ol> <li>The user sends a message to the chatbot’s server.</li> <li>The server receives the message and stores it in the database.</li> <li>The server uses WebSockets to establish a real-time connection with the client.</li> <li>The client receives the message and displays it to the user.</li> <li>The client can respond to the message, and the process repeats.</li> </ol> <h3 id="best-practices-and-common-pitfalls">Best Practices and Common Pitfalls</h3> <ul> <li>Use a robust database schema to store user data and chatbot interactions.</li> <li>Implement security measures to protect user data and prevent abuse.</li> <li>Optimize database queries to improve performance and reduce latency.</li> <li>Use real-time WebSockets to improve the user experience.</li> </ul> <h2 id="implementation-guide"><strong>Implementation Guide</strong></h2> <h3 id="step-1-set-up-the-project-structure">Step 1: Set up the Project Structure</h3> <p>Create a new directory for your project and create the following files and folders: </p> <pre class="wp-block-code"><code class="language-bash" lang="bash"> chatbot/ |-- app.js |-- models/ | |-- User.js | |-- Message.js |-- public/ | |-- index.html |-- server/ | |-- app.js |-- config/ | |-- database.js </code></pre> <p></p> <h3 id="step-2-set-up-the-database-schema">Step 2: Set up the Database Schema</h3> <p>Create a new file called <code>models/User.js</code> and add the following code: </p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> const mongoose = require('mongoose'); const userSchema = new mongoose.Schema({ username: String, email: String }); const User = mongoose.model('User', userSchema); module.exports = User; </code></pre> <p></p> <p>Create a new file called <code>models/Message.js</code> and add the following code: </p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> const mongoose = require('mongoose'); const messageSchema = new mongoose.Schema({ content: String, userId: String }); const Message = mongoose.model('Message', messageSchema); module.exports = Message; </code></pre> <p></p> <h3 id="step-3-set-up-the-expressjs-server">Step 3: Set up the Express.js Server</h3> <p>Create a new file called <code>server/app.js</code> and add the following code: </p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> const express = require('express'); const app = express(); const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); // Set up database connection const db = require('./config/database'); db.connect(); // Set up WebSocket connection wss.on('connection', (ws) =&gt; { console.log('Client connected'); // Handle incoming messages ws.on('message', (message) =&gt; { console.log(`Received message: ${message}`); // Process the message and respond }); // Handle errors ws.on('error', (error) =&gt; { console.log(`Error occurred: ${error}`); }); }); // Set up routes app.use(express.static('public')); // Start the server app.listen(3000, () =&gt; { console.log('Server started on port 3000'); }); </code></pre> <p></p> <h3 id="step-4-implement-real-time-functionality">Step 4: Implement Real-Time Functionality</h3> <p>Create a new file called <code>server/config/database.js</code> and add the following code: </p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> const mongoose = require('mongoose'); // Connect to the database mongoose.connect('mongodb://localhost:27017/chatbot', { useNewUrlParser: true, useUnifiedTopology: true }); // Set up schema for the chatbot const messageSchema = new mongoose.Schema({ content: String, userId: String }); const Message = mongoose.model('Message', messageSchema); module.exports = Message; </code></pre> <p></p> <p>Create a new file called <code>server/app.js</code> and add the following code: </p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> // Set up WebSocket connection const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); // Set up database connection const Message = require('./config/database'); // Handle incoming messages wss.on('connection', (ws) =&gt; { console.log('Client connected'); // Handle incoming messages ws.on('message', (message) =&gt; { console.log(`Received message: ${message}`); // Process the message and respond const messageSchema = new Message({ content: message, userId: ws.username }); Message.create(messageSchema, (err, message) =&gt; { if (err) { console.log(`Error occurred: ${err}`); } else { console.log(`Message created: ${message}`); } }); }); // Handle errors ws.on('error', (error) =&gt; { console.log(`Error occurred: ${error}`); }); }); </code></pre> <p></p> <h3 id="step-5-implement-user-authentication">Step 5: Implement User Authentication</h3> <p>Create a new file called <code>server/config/database.js</code> and add the following code: </p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> const mongoose = require('mongoose'); // Connect to the database mongoose.connect('mongodb://localhost:27017/chatbot', { useNewUrlParser: true, useUnifiedTopology: true }); // Set up schema for the user const userSchema = new mongoose.Schema({ username: String, email: String }); const User = mongoose.model('User', userSchema); module.exports = User; </code></pre> <p></p> <p>Create a new file called <code>server/app.js</code> and add the following code: </p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> // Set up WebSocket connection const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); // Set up database connection const User = require('./config/database'); // Handle incoming messages wss.on('connection', (ws) =&gt; { console.log('Client connected'); // Handle incoming messages ws.on('message', (message) =&gt; { console.log(`Received message: ${message}`); // Process the message and respond const userSchema = new User({ username: message.username, email: message.email }); User.create(userSchema, (err, user) =&gt; { if (err) { console.log(`Error occurred: ${err}`); } else { console.log(`User created: ${user}`); } }); }); // Handle errors ws.on('error', (error) =&gt; { console.log(`Error occurred: ${error}`); }); }); </code></pre> <p></p> <h2 id="code-examples"><strong>Code Examples</strong></h2> <h3 id="example-1-creating-a-user">Example 1: Creating a User</h3> <p></p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> const User = require('./config/database'); const userSchema = new User({ username: 'john', email: '<a class="__cf_email__" data-cfemail="5933363137193c21383429353c773a3634" href="https://codezup.com/cdn-cgi/l/email-protection">[email protected]</a>' }); User.create(userSchema, (err, user) =&gt; { if (err) { console.log(`Error occurred: ${err}`); } else { console.log(`User created: ${user}`); } }); </code></pre> <p></p> <h3 id="example-2-sending-a-message">Example 2: Sending a Message</h3> <p></p> <pre class="wp-block-code"><code class="language-javascript" lang="javascript"> const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); const ws = new WebSocket('ws://localhost:8080'); ws.on('message', (message) =&gt; { console.log(`Received message: ${message}`); // Process the message and respond const messageSchema = new Message({ content: message.content, userId: message.userId }); Message.create(messageSchema, (err, message) =&gt; { if (err) { console.log(`Error occurred: ${err}`); } else { console.log(`Message created: ${message}`); } }); }); </code></pre> <p></p> <h2 id="best-practices-and-optimization"><strong>Best Practices and Optimization</strong></h2> <h3 id="performance-considerations">Performance Considerations</h3> <ul> <li>Use a robust database schema to store user data and chatbot interactions.</li> <li>Optimize database queries to improve performance and reduce latency.</li> <li>Use caching mechanisms to reduce the number of database queries.</li> </ul> <h3 id="security-considerations">Security Considerations</h3> <ul> <li>Use HTTPS to encrypt data transmitted between the client and server.</li> <li>Validate user input to prevent SQL injection and cross-site scripting (XSS) attacks.</li> <li>Implement authentication and authorization mechanisms to restrict access to sensitive data.</li> </ul> <h3 id="code-organization-tips">Code Organization Tips</h3> <ul> <li>Use a modular architecture to separate concerns and improve maintainability.</li> <li>Use a consistent coding style and naming conventions to improve readability.</li> <li>Use version control systems to track changes and collaborate with team members.</li> </ul> <h3 id="common-mistakes-to-avoid">Common Mistakes to Avoid</h3> <ul> <li>Use outdated or insecure dependencies to expose the application to security vulnerabilities.</li> <li>Forget to handle errors and exceptions, leading to application crashes and data loss.</li> <li>Ignore performance optimizations, leading to slow and unresponsive applications.</li> </ul> <h2 id="testing-and-debugging"><strong>Testing and Debugging</strong></h2> <h3 id="how-to-test-the-implementation">How to Test the Implementation</h3> <ul> <li>Use a testing framework such as Jest or Mocha to write unit tests and integration tests.</li> <li>Use a testing library such as Chai or Expect.js to assert expectations and verify results.</li> <li>Test the application in different scenarios and edge cases to ensure robustness and reliability.</li> </ul> <h3 id="debugging-tips-and-tools">Debugging Tips and Tools</h3> <ul> <li>Use a debugger such as Chrome DevTools or Node.js Inspector to step through code and identify errors.</li> <li>Use a logging library such as Winston or Morgan to log important events and errors.</li> <li>Use a continuous integration and continuous deployment (CI/CD) pipeline to automate testing and deployment.</li> </ul> <h2 id="conclusion"><strong>Conclusion</strong></h2> <p>Creating a real-time chatbot with MongoDB and Node.js requires a solid understanding of database concepts, Node.js, and WebSockets. By following the implementation guide and best practices outlined in this tutorial, you can create a robust and scalable chatbot that can handle multiple conversations simultaneously and store user data efficiently. Remember to test and debug your implementation thoroughly to ensure robustness and reliability.</p> <div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon sd-sharing"><h3 class="sd-title">Sharing is Caring:</h3><div class="sd-content"><ul><li class="share-facebook"><a class="share-facebook sd-button share-icon no-text" data-shared="sharing-facebook-23953" href="https://codezup.com/creating-a-real-time-chatbot-with-mongodb-and-node-js/?share=facebook" rel="nofollow noopener noreferrer" target="_blank" title="Click to share on Facebook"><span></span><span class="sharing-screen-reader-text">Click to share on Facebook (Opens in new window)</span></a></li><li class="share-twitter"><a class="share-twitter sd-button share-icon no-text" data-shared="sharing-twitter-23953" href="https://codezup.com/creating-a-real-time-chatbot-with-mongodb-and-node-js/?share=twitter" rel="nofollow noopener noreferrer" target="_blank" title="Click to share on Twitter"><span></span><span class="sharing-screen-reader-text">Click to share on Twitter (Opens in new window)</span></a></li><li class="share-jetpack-whatsapp"><a class="share-jetpack-whatsapp sd-button share-icon no-text" data-shared="" href="https://codezup.com/creating-a-real-time-chatbot-with-mongodb-and-node-js/?share=jetpack-whatsapp" rel="nofollow noopener noreferrer" target="_blank" title="Click to share on WhatsApp"><span></span><span class="sharing-screen-reader-text">Click to share on WhatsApp (Opens in new window)</span></a></li><li class="share-linkedin"><a class="share-linkedin sd-button share-icon no-text" data-shared="sharing-linkedin-23953" href="https://codezup.com/creating-a-real-time-chatbot-with-mongodb-and-node-js/?share=linkedin" rel="nofollow noopener noreferrer" target="_blank" title="Click to share on LinkedIn"><span></span><span class="sharing-screen-reader-text">Click to share on LinkedIn (Opens in new window)</span></a></li><li class="share-reddit"><a class="share-reddit sd-button share-icon no-text" data-shared="" href="https://codezup.com/creating-a-real-time-chatbot-with-mongodb-and-node-js/?share=reddit" rel="nofollow noopener noreferrer" target="_blank" title="Click to share on Reddit"><span></span><span class="sharing-screen-reader-text">Click to share on Reddit (Opens in new window)</span></a></li><li class="share-telegram"><a class="share-telegram sd-button share-icon no-text" data-shared="" href="https://codezup.com/creating-a-real-time-chatbot-with-mongodb-and-node-js/?share=telegram" rel="nofollow noopener noreferrer" target="_blank" title="Click to share on Telegram"><span></span><span class="sharing-screen-reader-text">Click to share on Telegram (Opens in new window)</span></a></li><li class="share-email"><a class="share-email sd-button share-icon no-text" data-email-share-error-text="If you're having problems sharing via email, you might not have email set up for your browser. You may need to create a new email yourself." data-email-share-error-title="Do you have email set up?" data-email-share-nonce="ccdc42f208" data-email-share-track-url="https://codezup.com/creating-a-real-time-chatbot-with-mongodb-and-node-js/?share=email" data-shared="" href="https://codezup.com/cdn-cgi/l/email-protection#a897dbddcac2cdcbdc958d9deafbc0c9dacdcc8d9a98f8c7dbdc8d9dec8d9a98ebdacdc9dcc1c6cf8d9a98c98d9a98facdc9c485fcc1c5cd8d9a98ebc0c9dccac7dc8d9a98dfc1dcc08d9a98e5c7c6cfc7ecea8d9a98c9c6cc8d9a98e6c7cccd86c2db8ecac7ccd195c0dcdcd8db8d9be98d9aee8d9aeecbc7cccdd2ddd886cbc7c58d9aeecbdacdc9dcc1c6cf85c985dacdc9c485dcc1c5cd85cbc0c9dccac7dc85dfc1dcc085c5c7c6cfc7ccca85c9c6cc85c6c7cccd85c2db8d9aee8edbc0c9dacd95cdc5c9c1c4" rel="nofollow noopener noreferrer" target="_blank" title="Click to email a link to a friend"><span></span><span class="sharing-screen-reader-text">Click to email a link to a friend (Opens in new window)</span></a></li><li class="share-end"></li></ul></div></div></div>

Neste tutorial vamos construir um chat básico com...