A browser-based Mini CAD (Computer-Aided Design) app built from scratch with a Node.js backend and HTML5 canvas frontend. It supports drawing lines, rectangles, circles, squiggles, and erasing β along with undo/redo, tabbed boards, and image exporting.
Live Demo: Mini CAD App
Backend API: Render Deployment
- Line, Rectangle, Circle, Freehand (Squiggle), Eraser
- Color Picker
- Brush Size Slider
- Undo & Redo
- Clear Board
- Export Canvas as PNG
- Multiple Boards (Tabs)
- Shape data is saved per board to a Node/Express backend
- Shapes are automatically reloaded when switching boards
Layer | Technology |
---|---|
Frontend | HTML, CSS, JavaScript (Vanilla) |
Backend | Node.js, Express.js |
Deployment | GitHub Pages (frontend) + Render (backend) |
Data Store | In-memory object per board |
- Clone backend repo:
git clone https://github.com/rowangs/cad-backend cd cad-backend npm install node index.js