โ— Shell
clean mode source โ†—

GitHub - aruncode49/DrawX: 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.

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.

Key Features

๐Ÿ”‘ 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.

Get Started

  1. Clone the repository:

    git clone https://github.com/aruncode49/DrawX.git
  2. Install dependencies:

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

  4. Run the application:

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests for any enhancements or bug fixes.

Showcase

Here are some snapshots of DrawX in action:

image image image

License

This project is licensed under the MIT License.