{"id":36439804,"url":"https://github.com/Sim3-14159/simplicode","last_synced_at":"2026-01-18T14:00:48.952Z","repository":{"id":318807355,"uuid":"1075125652","full_name":"Sim3-14159/simplicode","owner":"Sim3-14159","description":"An online HTML editor and website designer, with a live preview and a built-in AI assistant.","archived":false,"fork":false,"pushed_at":"2025-12-19T23:39:39.000Z","size":1181,"stargazers_count":1,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-21T11:12:27.574Z","etag":null,"topics":["ai","assistant","best","built-in","code","console","design","edit","editor","highlight","html","javascript","js","live","online","preview","program","syntax","syntax-highlighted","website"],"latest_commit_sha":null,"homepage":"https://sim3-14159.github.io/simplicode/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sim3-14159.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-13T04:30:28.000Z","updated_at":"2025-12-20T00:00:18.000Z","dependencies_parsed_at":"2025-10-16T04:26:23.599Z","dependency_job_id":"f8c84f4f-726c-40a0-88ce-9777d8619ea2","html_url":"https://github.com/Sim3-14159/simplicode","commit_stats":null,"previous_names":["sim3-14159/simplicode"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Sim3-14159/simplicode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sim3-14159%2Fsimplicode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sim3-14159%2Fsimplicode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sim3-14159%2Fsimplicode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sim3-14159%2Fsimplicode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sim3-14159","download_url":"https://codeload.github.com/Sim3-14159/simplicode/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sim3-14159%2Fsimplicode/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28537483,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T13:04:05.990Z","status":"ssl_error","status_checked_at":"2026-01-18T13:01:44.092Z","response_time":98,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","assistant","best","built-in","code","console","design","edit","editor","highlight","html","javascript","js","live","online","preview","program","syntax","syntax-highlighted","website"],"created_at":"2026-01-11T21:00:22.687Z","updated_at":"2026-01-18T14:00:48.907Z","avatar_url":"https://github.com/Sim3-14159.png","language":"HTML","funding_links":[],"categories":["🔧 Some of my best \u0026 latest projects:"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ch1\u003e $$\\color{blue}{\\text{SIMpliCode}}$$ \u003c/h1\u003e\n  \n  [ \u003cimg src=\"https://sim3-14159.github.io/simplicode/favicon.ico\" width=\"70px\"\u003e\u003c/h1\u003e ](https://sim3-14159.github.io/simplicode)\n\u003c/div\u003e\n\n\u003chr\u003e\n\u003cdiv\u003e\n  \u003cdiv align=\"left\"\u003e\n  \n![Stars](https://img.shields.io/github/stars/Sim3-14159/simplicode) \n![Forks](https://img.shields.io/github/forks/Sim3-14159/simplicode) \n![Watchers](https://img.shields.io/github/watchers/Sim3-14159/simplicode) \u003c/div\u003e\n\u003cdiv align=\"right\"\u003e\n  \n  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n  ![MarkDown](https://img.shields.io/badge/markdown-%230A4A00.svg?style=for-the-badge\u0026logo=markdown\u0026logoColor=green)\n  ![HTML](https://img.shields.io/badge/HTML-%23123456.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=%2399bbff)\n   ![CSS](https://img.shields.io/badge/CSS-%2347133B.svg?style=for-the-badge\u0026logo=css\u0026logoColor=%23ffccdd)\n\u003c/div\u003e\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\u003chr\u003e\n\n\u003cmark\u003e**SIMpliCode** is an AI assisted *HTML* editor and website designer with import/export options, automatic save, and a live preview. You can export your code and chats. In the codespace, you and AI can work together at the same time, on the same code. You can see the website [here](https://Sim3-14159.github.io/simplicode).\u003c/mark\u003e\n\u003c/div\u003e\n\n\n\n\u003e [!IMPORTANT]\n\u003e **SIMpliCode** is a work in progress, and is not finished yet. Therefore, some features may not work yet:\n\u003e\n\u003e\n\u003e\u003e #### To Do:\n\u003e\u003e - [ ] Get ~~**Settings** button~~ menubar buttons to work\n\u003e\u003e - [ ] Add accounts\n\u003e\u003e - [ ] Change deployment from GitHub Pages to Vercel\n\u003e\u003e - [ ] Enable use of virutal files so that users can create their own files (*e.g.* `\u003clink rel=\"stylesheet\" href=\"your-filename.css\"\u003e`)\n\u003e\u003e - [ ] Make sure automatic indentation keeps the cursor in the same position\n\u003e\u003e - [ ] Use better AI API (sort of fixed)\n\u003e\u003e - [ ] Add console\n\u003e\u003e - [ ] Move buttons from sidebar to menubar.\n\u003e\u003e - [ ] Make all buttons in ~~sidebar~~ menubar work\n\u003e\u003e - [ ] Get ~~**Find**, **Replace**, etc.~~ buttons above codespace to work\n\u003e\u003e - [ ] Let AI edit code in codespace directly\n\u003e\u003e - [x] Add menubar\n\u003e\u003e - [x] Add fullscreen mode for ~~console and~~ preview\n\u003e\u003e \n\u003e\u003e \u0026ensp;\u003csup\u003e\u003csub\u003e:x:\u003c/sub\u003e\u003c/sup\u003e\u0026ensp;~~Sanitize output from AI~~\n\u003e\u003e       \n\u003e\u003e …\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n#### [`✨ Features`](#features)⋅[`🛠️ Tech Stack`](#tech-stack)⋅[`🔧 How It Works`](#how-it-works)⋅[`📦 How to Run`](#how-to-run)⋅[`🗂️ File Tree`](#file-tree)⋅[`📝 License`](#license)\n\u003c/div\u003e\n\n---\n\u003ch2 id=\"features\"\u003e ✨ $\\color{green}\\text{Features}$\u003c/h2\u003e\n  \n- 🧠 $\\color{green}\\text{AI-Powered Chat Assistant}$\n  \n  **SIMpliCode** has a built-in AI assistant that can help you with designing your website, without the need to go searching through your code to copy and paste. Type questions or coding issues in the chat panel, and formatted answers and working code.\n\n- 💻 $\\color{green}\\text{Live Code Editor}$\n  \n  Powered by [CodeMirror](https://codemirror.net/), you can write and edit *HTML*, *CSS*, and *JavaScript* — with syntax highlighting, real-time preview, automatic indentation.\n\n- 📤 $\\color{green}\\text{Import/Export Options}$\n\n  * **Download Chat** – Export your conversation with the AI as a *rich text file* (`.rtf`).\n  * **Download Code** – Save your current HTML project as a file.\n  * **New Project** – Reset everything to start fresh.\n\n- 📥 $\\color{green}\\text{Auto Save}$\n  \n  Any code you write is automatically saved to your browsers local cache, so you don't need to worry if you forgot to export it.\n\n---\n\n\u003ch2 id=\"tech-stack\"\u003e 🛠️ $\\color{darkorange}\\text{Tech Stack}$ \u003c/h2\u003e\n\n$\\color{orange}\\text{Libraries:}$\n\n  - [CodeMirror](https://codemirror.net/) – Live code editing\n  - [Marked.js](https://marked.js.org/) – Markdown parsing\n  - [Highlight.js](https://highlightjs.org/) – Syntax highlighting in chat\n  - [Orphues AI](https://orpheus-ai.onrender.com) – Artificial intellegence\n  \n$\\color{orange}\\text{CDN Assets:}$ \n  - Icons from [Icons8](https://icons8.com)\n\n---\n\n\u003ch2 id=\"how-it-works\"\u003e 🔧 $\\color{purple}\\text{How It Works}$ \u003c/h2\u003e\n  \n* User writes code in a live editor\n* User types a message or question in the chat input\n* The assistant responds with suggestions and/or changes the code\n* Code changes immediately reflect in the preview window\n* Chat and code can be downloaded locally and uploaded again later.\n\n---\n\n\u003ch2 id=\"how-to-run\"\u003e $\\color{cyan}\\text{📦 How to Run}$ \u003c/h2\u003e\n\nSimply open [`index.html`](index.html) in any modern browser:\n```bash\ngit clone https://github.com/Sim3-14159/simplicode.git\ncd simplicode/\nopen index.html # or double-click to open in browser\n```\nor, [click here](https://Sim3-14159.github.io/simplicode).\n\n---\n\n\u003ch2 id=\"file-tree\"\u003e 🗂️ $\\color{brown}\\text{File Tree}$ \u003c/h2\u003e\n\n| Type | Name | Description |\n|:---|:---|:-----|\n| ![](https://img.shields.io/badge/_-ffffff?style=flat\u0026logo=markdown\u0026logoColor=yellow) | [`CODE_OF_CONDUCT.md`](CODE_OF_CONDUCT.md) | The code of conduct for contributing to **SIMpliCode** |\n| ![](https://img.shields.io/badge/_-ffffff?style=flat\u0026logo=markdown\u0026logoColor=yellow) | [`CONTRIBUTING.md`](CONTRIBUTING.md) | A guide to how to contribute |\n| ![](https://img.shields.io/badge/_-ffffff?style=flat\u0026logo=readme\u0026logoColor=green) | [`LICENSE`](LICENSE) | Copyright |\n| ![](https://img.shields.io/badge/_-ffffff?style=flat\u0026logo=readme) | [`README.md`](README.md) | This **README** |\n| ![](https://img.shields.io/badge/_-ffffff?style=flat\u0026logo=icon) | [`favicon.ico`](favicon.ico) | The **SIMpliCode** icon: \u003cimg src=\"./favicon.ico\" height=\"20\"\u003e |\n| ![](https://img.shields.io/badge/_-ffffff?style=flat\u0026logo=html5) | [`index.html`](index.html) | `index.html` is where most of the action takes place; it's what will load if you visit **SIMpliCode** |\n| ![](https://img.shields.io/badge/_-ffffff?style=flat\u0026logo=css\u0026logoColor=blue) | [`style.css`](style.css) | Styles `index.html` |\n| ![](https://img.shields.io/badge/📁-ffffff?style=flat) | [`assets/`](assets/) | Contains most of the site assets |\n|| ![](https://img.shields.io/badge/🖼️-ffffff?style=flat) | [`assets/og-image.png`](assets/og-image.png) • When you send a link on social platforms, this image will pop up |\n\n\n\u003ch2 id=\"license\"\u003e $\\color{pink}\\text{📝 License}$ \u003c/h2\u003e\n\n![](https://img.shields.io/github/license/Sim3-14159/simplicode)\n\n$\\color{pink}\\text{MIT}$ — feel free to use, modify, and share.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSim3-14159%2Fsimplicode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSim3-14159%2Fsimplicode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSim3-14159%2Fsimplicode/lists"}