Posts

Online code editor

In this guide, we walk through the process of creating a collaborative code editor using ReactJs for the frontend and Node.js for the backend. We start by outlining the project requirements and exploring different solutions for real-time synchronization of edits. We then set up the development environment, create the frontend with React and the Monaco Editor, and implement CRDT for conflict resolution. Finally, we set up the backend server using Node.js and WebSockets to handle real-time communication between clients.

How does DNS work?

This post explains the fundamental concepts of DNS, including its role as the internet’s phonebook, DNS resolvers, DNS records, hosted zones, authoritative name servers, and the process of resolving domain names to IP addresses. It also covers root name servers and demonstrates the DNS resolution process with practical examples and visual aids.