{"id":16483827,"url":"https://github.com/kevinadhiguna/react-codepen-clone","last_synced_at":"2026-05-15T22:31:36.095Z","repository":{"id":107678031,"uuid":"297290606","full_name":"kevinadhiguna/react-codepen-clone","owner":"kevinadhiguna","description":"A clone of Codepen, created using React","archived":false,"fork":false,"pushed_at":"2022-08-27T04:23:31.000Z","size":260,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-11T13:17:50.216Z","etag":null,"topics":["codepen-clone","react"],"latest_commit_sha":null,"homepage":"https://codepen-kevinadhiguna.netlify.app/","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/kevinadhiguna.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":"2020-09-21T09:24:51.000Z","updated_at":"2022-07-25T06:43:55.000Z","dependencies_parsed_at":"2023-06-08T18:15:08.997Z","dependency_job_id":null,"html_url":"https://github.com/kevinadhiguna/react-codepen-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinadhiguna%2Freact-codepen-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinadhiguna%2Freact-codepen-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinadhiguna%2Freact-codepen-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinadhiguna%2Freact-codepen-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kevinadhiguna","download_url":"https://codeload.github.com/kevinadhiguna/react-codepen-clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241240117,"owners_count":19932477,"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":["codepen-clone","react"],"created_at":"2024-10-11T13:15:07.406Z","updated_at":"2025-10-06T21:07:34.615Z","avatar_url":"https://github.com/kevinadhiguna.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Codepen Clone\n\nAn HTML, CSS, and Javascript online editor, built using ReactJS. \n\n\u003cbr /\u003e\n\n## Demo\n\nThis is how this app looks like :\n\n\u003cimg src=\"https://raw.githubusercontent.com/kevinadhiguna/react-codepen-clone/master/demo/1.codepen-clone-react.png\" width=\"90%\"\u003e\u003c/img\u003e \u003cbr\u003e\n\n\u003cbr /\u003e\n\n## How to Run :\n\nIn the project directory, run these commands on your terminal / cmd :\n\n1) Install dependencies\n```\nyarn\n```\n\n2) Run the app on browser\n```\nyarn start\n```\n\nRuns the app in the development mode.\u003cbr /\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\u003cbr /\u003e\nYou will also see any lint errors in the console.\n\n\u003cbr /\u003e\n\n## Reference\n\n- [How To Build CodePen With React by Web Dev Simplified](https://youtu.be/wcVxX7lu2d4)\n\n\u003cbr /\u003e\n\n![Hello !](https://api.visitorbadge.io/api/VisitorHit?user=kevinadhiguna\u0026repo=react-codepen-clone\u0026label=thanks%20for%20dropping%20in%20!\u0026labelColor=%23000000\u0026countColor=%23FFFFFF)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinadhiguna%2Freact-codepen-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevinadhiguna%2Freact-codepen-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinadhiguna%2Freact-codepen-clone/lists"}