Introducing Docs Collab, built with Next.js to handle the user interface, Liveblocks for real-time features and styled with TailwindCSS, Docs Collab is a live document sharing web application. The primary goal is to demonstrate the developer's skills in realtime enviroment that creates a lasting impact. Docs Collab is a collaborative word editor that allows multiple users to work together in real-time. It features a smooth, intuitive UI, ensuring a seamless writing experience. With strong security measures and live editing functionality, it enables efficient teamwork on documents from anywhere.
- Authentication: User authentication using GitHub through NextAuth, ensuring secure sign-in/out and session management.
- Collaborative Text Editor: Multiple users can edit the same document simultaneously with real-time updates.
- Create Documents: Users can create new documents, which are automatically saved and listed.
- Delete Documents: Users can delete documents they own.
- Share Documents: Users can share documents via email or link with view/edit permissions.
- List Documents: Display all documents owned or shared with the user, with search and sorting functionalities.
- Comments: Users can add inline and general comments, with threading for discussions.
- Active Collaborators on Text Editor: Show active collaborators with real-time presence indicators.
- Notifications: Notify users of document shares, new comments, and collaborator activities.
- Responsive: The application is responsive across all devices.
-
Tech Stack:
- Next JS
- TypeScript
- Liveblocks
- Lexical Editor
- Clerk Secured Authentication
- Shadcn UI
- Tailwind CSS
-
Tools:
- Vs Code for coding
- Vercel App for deployment
You can view the live version here : https://docs-collab.vercel.app/
Feel free to reach out to me:
- Email: [email protected]
- LinkedIn: https://www.linkedin.com/in/prathamsingh19102003
- GitHub: https://github.com/prathamsingh19
Thank you 👋