HomeRoughEditor
Floorplan editor SVG to create houseplan and homeplan with Javascript for client
Install / Use
/learn @ekymo/HomeRoughEditorREADME
homeRoughEditor Version 0.95
Help me to make this project an essential and free resource for all, so that any developer / integrator can propose to create plans for house, apartment, etc. online. Full Javascript, No external library with Jquery (only for Bootstrap), Boostrap 5 and FontAwesome. For cons, forgive me for my English, it is very rusty !!!
Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
Installing
You just have to copy the files into a directory and open the index.html file in your browser. Version 0.93 of homeRoughtEditor is operational from Mozilla 39!
See example
Running the tests
Personally I only test all this with the mozilla debug console
TODO
- Make TouchScreen functions for tablet (or smartphone, but too tiny screen i think...)
- Make interoperability for browsers (actually good for Moz.)
- Refine the CSS and buttons behavior
- Refine the Historical system (use LocalStorage)
- Complete the translation (i'm French)
- Make your own system/functions to export plan to any database
Built With
- Atom.io - My code editor. Simple and free.
- Bootstrap - Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
License
This project is licensed under the MIT License - see the LICENSE.md on Web file for details
Related Skills
node-connect
351.4kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
110.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
351.4kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
351.4kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。

