Novu raised $6.6m seed funding

How to

How to build the most beautiful Todolist with React Native and Socket.io πŸŽ‰

Todolist is a simple task list where you mark everything you need to do and the status of it as "Finished / Not Finished".

Nevo David
Nevo DavidNovember 24, 2022
How to

Building a real-time bidding system with Socket.io and React Native

Goin’ Once, Goin’ Twice, Sold to the lady with the red dress πŸ’ƒπŸ» You have probably heard that many times in movies or public auctions. We can also find some online platforms, such as eBay, where you can bid on a product and get counterbids from other bidders. Today we are going to build a mobile app with React Native and Socket.io - eBay style!

Nevo David
Nevo DavidNovember 24, 2022
How to

Creating a registration and a login with two-factor authentication on React 🀩

If you have thought about building any dashboard, you probably realize you need to implement authentication. You are probably already familiar with terms like Login and Registration.

Nevo David
Nevo DavidNovember 24, 2022
How to

Building a Notion-like system with Socket.io And React 😍

We are going to build a knowledge system like Click-Up and Notion. You will be able to add posts, write comments, tag other users and show it in their notifications. In notion users can see what other users do in real-time without refreshing the page. This is why we will be using Socket.io

Nevo David
Nevo DavidOctober 24, 2022
How to

Building a chat app with Socket.io and React Native 🀯

Chats are all around us, from Whatsapp to Facebook and Instagram, almost every platform offers a chat in some kind of variation. In Today's digital world we have all gone mobile! Just before this article I wrote a friend a message on Whatsapp.

Nevo David
Nevo DavidOctober 17, 2022
How to

Building THE MOST practical Todolist with React and Websockets πŸͺ„βœ¨

In this article, you'll learn how to build a team to-do list with React.js and Socket.io. Users can create, read, and delete to-dos and add comments to each to-do via Socket.io. You'll also learn how to add notifications to the application when you create or delete a to-do item.

Nevo David
Nevo DavidOctober 11, 2022
How to

Building a beautiful Kanban board with Node.js, React, and Websockets πŸ¦„ ✨

In this article, you'll learn how to build a Kanban Board the same as you have in JIRA, Monday and Trello. We will do it with a beautiful drag-and-drop feature using React, Socket.io, and React beautiful DND. Users will be able to sign in, create and update various tasks, and add comments.

Nevo David
Nevo DavidSeptember 28, 2022
How to

Building an interactive screen-sharing app with Puppeteer and React 🀯

Give the user the ability to browse a webpage through your system and feel like it's a real browser.

Nevo David
Nevo DavidSeptember 12, 2022
How to

Building a live-event alert system with React, Socket.io, and Push Notifications πŸš€

You want everybody to get a message on your website once something happens in real-time. That can be a new version, announcement, or some product updates.

Nevo David
Nevo DavidSeptember 5, 2022
How to

I implemented the Dev Community Notification Center with React, Novu, and Websockets πŸ”₯

No matter what application you are building, you will probably send the user notifications at some point. It can be over Emails, SMSs, Push notifications, or a Notification center like the one you have on the DEV Community. I will show you how to implement the DEV Community notification center in this article.

Nevo David
Nevo DavidAugust 29, 2022
How to

Building a chat – Browser Notifications with React, Websockets and Web-Push 🀯

In the previous article in this series, we talked about Socket.io, how you can send messages between a React app client and a Socket.io server, how to get active users in your web application, and how to add the "User is typing..." feature present in most modern chat applications.

Nevo David
Nevo DavidAugust 22, 2022
How to

Building a chat app with Socket.io and React πŸš€

We have all encountered chat over the web, that can be Facebook, Instagram, Whatsapp and the list goes on. Just to give a bit of context, you send a message to a person or a group, they see the message and reply back. Simple yet complex. To develop a chat app you would need to be aware of new messages as soon as they arrive. Usually, to get information from the server you need send an HTTP request. With websockets, the server lets you know when there is new information without asking it.

Nevo David
Nevo DavidAugust 15, 2022
How to

[Part 2] Real-time Auction System – Connecting Socket.io With React πŸ”₯

The previous article in this series introduced Socket.io, how to connect a React app to a Node.js server using Socket.io, and creating the user interface for the bidding system.

Nevo David
Nevo DavidAugust 9, 2022
How to

[Part 1] Building a real-time Auction System with Socket.io and React.js 🀯

Like an actual auction, if you bid for a product, you get counterbids from other bidders. The auction runs on the "fast" decision bid, where somebody else will win or outbid you if you don't bid fast enough. To use online bidding, We must stick to the same principles. We must give our bidder information as soon as a new bid comes

Nevo David
Nevo DavidAugust 1, 2022