{"id":22246606,"url":"https://github.com/el634dev/react-editor","last_synced_at":"2026-05-06T22:07:41.415Z","repository":{"id":124234761,"uuid":"532671340","full_name":"el634dev/react-editor","owner":"el634dev","description":"Code editor built using React and Tailwind CSS. Note: there is a limit to 50 per day.","archived":false,"fork":false,"pushed_at":"2024-03-13T15:35:41.000Z","size":4879,"stargazers_count":1,"open_issues_count":9,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T11:28:41.335Z","etag":null,"topics":["api","axios-react","monaco-editor","reactjs","tailwind-css"],"latest_commit_sha":null,"homepage":"https://react-editor-beta.vercel.app/","language":"JavaScript","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/el634dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-09-04T22:16:26.000Z","updated_at":"2024-04-19T19:32:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"d670dfd6-bae7-441a-bbfe-7996ade71711","html_url":"https://github.com/el634dev/react-editor","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/el634dev/react-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Freact-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Freact-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Freact-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Freact-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/el634dev","download_url":"https://codeload.github.com/el634dev/react-editor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Freact-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32713871,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-06T19:35:05.142Z","status":"ssl_error","status_checked_at":"2026-05-06T19:35:03.996Z","response_time":117,"last_error":"SSL_read: 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":["api","axios-react","monaco-editor","reactjs","tailwind-css"],"created_at":"2024-12-03T05:28:20.929Z","updated_at":"2026-05-06T22:07:41.365Z","avatar_url":"https://github.com/el634dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CodeBuddy - Compile and Execute code in 40+ languages\r\n\r\n\u003e ⚡️ A code editor that compiles and runs your code on the web in your browser.\r\n\u003e Read this blog for more in-depth: \u003ca href=\"https://www.freecodecamp.org/news/how-to-build-react-based-code-editor/\" target=\"__blank\"\u003eBuild A Code IDE with React\u003c/a\u003e\r\n\r\n\u003cimg src=\"https://github.com/manuarora700/react-code-editor/blob/main/demo.png\" /\u003e\r\n\r\n## Features: \r\n- Compile and execute code in 40+ programming languages\r\n- Switch themes from a list of available themes\r\n- Outputs code user creates\r\n\r\n## Languages and Tools used\r\nVSCode\r\nReact\r\nJavaScript\r\nTailwind CSS\r\nMonaco Editor - React\r\nJudge0\r\nRapid API\r\nAxios\r\n\r\n## Installation and Setup\r\n\r\n- git clone `https://github.com/el634dev/react-code-editor.git`\r\n- `npm install`\r\n- A sample `.env.sample` file is given, Register on \u003ca href=\"https://rapidapi.com/judge0-official/api/judge0-ce/pricing\" target=\"__blank\"\u003eRapidAPI\u003c/a\u003e Get your API keys.\r\n- Create a `.env` file.\r\n- Add the API Keys in the `.env` file\r\n- `npm start` to run the project.\r\n\r\n## Extra Features\r\n\r\n1. Add more languages\r\n2. User login, authentication and registration (Firebase Auth)\r\n3. User Profile Page\r\n4. Save code functionality (Firestore - use Slug based approach)\r\n5. Share code functionality\r\n\r\n## Setup If You Did Not Clone\r\n1. Create a new folder on your computer\r\n2. After go into your terminal or terminal on your IDE of choice and run `npx create-react-app app-name`\r\n3. Run `npm install` for packages\r\n4. Run `npm run dev` to see your project in your browser\r\n5. Create your own code editor\r\n\r\n## License Note\r\nYou can use the code just say where it came from\r\n\r\n## Deployment\r\nI choose to use Vercel to deploy this project\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fel634dev%2Freact-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fel634dev%2Freact-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fel634dev%2Freact-editor/lists"}