{"id":18436825,"url":"https://github.com/101rror/CodeFlex","last_synced_at":"2025-10-31T05:30:28.978Z","repository":{"id":269622077,"uuid":"851435776","full_name":"101rror/CodeAura","owner":"101rror","description":null,"archived":false,"fork":false,"pushed_at":"2024-10-09T20:33:32.000Z","size":3736,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-31T14:43:20.683Z","etag":null,"topics":["code-editor-online","css","html","javascript","online-ide"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/101rror.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"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}},"created_at":"2024-09-03T05:11:08.000Z","updated_at":"2024-11-22T13:58:40.000Z","dependencies_parsed_at":"2024-12-24T23:08:54.212Z","dependency_job_id":"dbab4f1a-d19f-47c0-8a75-86d5736c5b33","html_url":"https://github.com/101rror/CodeAura","commit_stats":null,"previous_names":["101rror/codeaura","101rror/ide"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/101rror%2FCodeAura","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/101rror%2FCodeAura/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/101rror%2FCodeAura/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/101rror%2FCodeAura/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/101rror","download_url":"https://codeload.github.com/101rror/CodeAura/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239116070,"owners_count":19584311,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["code-editor-online","css","html","javascript","online-ide"],"created_at":"2024-11-06T06:12:52.353Z","updated_at":"2025-10-31T05:30:28.972Z","avatar_url":"https://github.com/101rror.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CodeFlex\nCodeFlex is a modern browser based coding platform that allows users to write, execute and share code in real time. Developed using HTML, CSS, JavaScript and powered by CodeMirror. It features robust multi language syntax highlighting, dynamic code templates, real time output validation, and an intuitive, responsive user interface. Designed for both learning and collaboration, CodeFlex streamlines the coding experience with built-in tools for code sharing, file downloads and theme customization.\n\n## 🔧 Features\n\n- 🔄 **Automatic Language-Based Code Download**  \n  Downloads your code with the correct file extension (e.g., `.cpp` for C++, `.py` for Python) based on the selected language.\n\n- 🌐 **Multi-language Syntax Highlighting**  \n  Integrated CodeMirror for real-time syntax highlighting in multiple programming languages.\n\n- 📄 **Dynamic Code Templates**  \n  Automatically loads boilerplate code templates when a language is selected.\n\n- 🧹 **Code Reset Button**  \n  Quickly clears the editor and resets it to the default template.\n\n- 🌓 **Dark \u0026 Light Mode Support**  \n  Toggle between light and dark themes for a visually comfortable coding environment.\n\n- 📥 **Input, Output \u0026 Expected Output Validation**  \n  - Allows users to provide **custom input** and set an **expected output**.  \n  - Displays a **\"Matched\"** message when the actual output matches the expected output.  \n  - Shows **\"Not Matched\"** if the output differs — perfect for debugging.\n\n- 🔗 **Social Sharing**  \n  Generates a unique shareable link for platforms like **Facebook** and **WhatsApp**, making it easy to share code with others.\n\n## 🚀 Usage\n\n1. Visit the CodeFlex platform: *[Click here to see live Website](https://code-flex.vercel.app/)*  \n2. Select your desired programming language.\n3. Write or paste your code in the editor.\n4. Use the **Input** and **Expected Output** fields as needed.\n5. Click **Run** to execute and **Check** to validate your output.\n6. Share or download your code, or reset the editor to start fresh.\n7. Use the theme toggle to switch between dark and light modes.\n\n## Installation using npm\n\n1. Clone the repository:\n    ```bash\n    git clone https://github.com/101rror/CodeFlex\n    ```\n\n2. Navigate into the project directory:\n    ```bash\n    cd CodeFlex\n    ```\n\n3. Install dependencies:\n    ```bash\n    npm install\n    ```\n\n4. Start the development server:\n    ```bash\n    npm run dev\n    ```\n\n## Demo Video\n\nWatch the full demo on YouTube: *[CodeFlex Demo Video](https://youtu.be/x-ueWw9Jk7M?si=sdKayGdoUMdIslZA)*","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F101rror%2FCodeFlex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F101rror%2FCodeFlex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F101rror%2FCodeFlex/lists"}