DocNow

DocNow is a powerful, real-time collaborative text editor inspired by Google Docs. Built with Next.js for the user interface, integrated with Liveblocks for real-time collaboration, and styled using Tailwind CSS, DocNow is designed to demonstrate advanced web development skills in creating a seamless, impactful real-time environment.

🤖 Introduction

DocNow showcases the developer's expertise in creating real-time collaborative environments. The application leverages the latest web technologies to deliver a rich user experience, making it a perfect platform for collaborative document editing.

⚙️ Tech Stack

• Next.js - React framework for building server-side rendered and statically generated web applications.
• TypeScript - Strongly typed programming language that builds on JavaScript.
• Liveblocks - Real-time collaboration infrastructure.
• Lexical Editor - Powerful text editor framework.
• ShadCN - UI component library.
• Tailwind CSS - Utility-first CSS framework for rapid UI development.

🔋 Features

• Authentication:

  • Secure user authentication using GitHub via NextAuth, ensuring safe and efficient sign-in, sign-out, and session management.

• Collaborative Text Editor:

  • Multiple users can edit the same document simultaneously, with real-time updates reflecting changes instantly across all sessions.

• Document Management:

  • Create Documents: Easily create new documents, automatically saved and listed for quick access.
  • Delete Documents: Remove documents owned by the user with a simple delete option.
  • Share Documents: Share documents via email or link, with customizable view/edit permissions.
  • List Documents: View and manage all documents owned or shared with the user, featuring search and sorting functionalities.

• Comments:

  • Add inline and general comments, with threading to facilitate discussions and enhance collaboration.

• Active Collaborators on Text Editor:

  • Display real-time presence indicators to show which collaborators are currently active in the document.

• Notifications:

  • Receive notifications for document shares, new comments, and collaborator activities to stay informed and connected.

• Responsive Design:

  • Fully responsive across all devices, providing a consistent and smooth user experience on desktops, tablets, and smartphones.

• And More:

  • The application features clean code architecture and reusability, making it a robust, scalable, and maintainable project.