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.

1. Clone the repository:

   git clone https://github.com/aruncode49/DrawX.git

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file based on .env.example and add your configurations.

4. 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:

image image image

This project is licensed under the MIT License.