CodeNest is a MERN-stack based web application that combines a real-time text editor and a drawing canvas, offering an intuitive dual-interface workspace. It allows users to write and edit code or notes while simultaneously sketching diagrams or visual elements. With a toggle-based layout and responsive design, CodeNest is ideal for developers, educators, and creatives looking for an all-in-one sandbox environment. The platform is lightweight, modular, and easy to extend for more advanced features such as saving content, collaboration, or cloud sync.
Features
-
Real-time text editing interface built with React
-
Toggle to switch between full text view and split mode
-
Modular components for easy extension and maintenance
-
Simple, clean, and responsive design
Technologies Used
-
Programming Language: JavaScript (ES6+)
-
Frontend: React (via create-react-app)
-
Backend: Node.js + Express (for future data persistence or collaboration features)
-
Database: MongoDB (for saving notes/drawings in future versions)
-
Styling: CSS (custom styles)