DrawX is a dynamic document editor designed to streamline your workflow with the best of modern technologies. Built with Next.js, React.js, and TypeScript, DrawX offers a robust, responsive, and secure platform for all your document editing needs.
🔑 Authentication & Route Protection: Ensure your data is safe with Kinde Auth, providing secure user authentication and route protection.
🛠️ State-of-the-Art Editor: Powered by Editor.js and Excalidraw libraries, DrawX offers a versatile document editor with features like headers, checklists, code blocks, tables, and more.
📱 Fully Responsive Design: Enjoy a seamless experience across all devices, thanks to our modern interface inspired by Eraser's website.
⚡ Optimized Performance: Experience lightning-fast loading times with lazy loading, optimized images, and efficient error handling techniques.
📊 Dashboard & Workspace: Manage your files and team effortlessly with our intuitive dashboard. Collaborate in real-time with advanced features tailored for both documents and canvas.
🔒 Full Stack Flexibility: Built with Next.js and MongoDB, DrawX ensures scalability and adaptability to meet your evolving needs.
-
Clone the repository:
git clone https://github.com/aruncode49/DrawX.git
-
Install dependencies:
npm install
-
Set up environment variables: Create a
.envfile based on.env.exampleand add your configurations. -
Run the application:
npm start
Contributions are welcome! Feel free to open issues or submit pull requests for any enhancements or bug fixes.
Here are some snapshots of DrawX in action:
This project is licensed under the MIT License.