{"id":15199985,"url":"https://github.com/sacred-g/interactive-coding","last_synced_at":"2026-02-09T01:02:25.412Z","repository":{"id":249329538,"uuid":"829934983","full_name":"Sacred-G/interactive-coding","owner":"Sacred-G","description":"showcases a portfolio by creating workboxes and displaying css code in realtime while rendering markdown and inserting a iframe. Allows user to edit the code and see changes in realtime","archived":false,"fork":false,"pushed_at":"2024-07-26T03:27:28.000Z","size":13899,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-04T11:43:31.702Z","etag":null,"topics":["babel","bluebird-promise","css","iframe","javascript","livecoding","markdownm","personal-website","portfolio","projects","stylesheets"],"latest_commit_sha":null,"homepage":"https://interactive-coding.vercel.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/Sacred-G.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-07-17T09:30:01.000Z","updated_at":"2024-07-26T03:27:32.000Z","dependencies_parsed_at":"2024-10-11T19:21:01.465Z","dependency_job_id":"fbc3f0c5-efca-49db-8392-ba03cb220c34","html_url":"https://github.com/Sacred-G/interactive-coding","commit_stats":{"total_commits":5,"total_committers":1,"mean_commits":5.0,"dds":0.0,"last_synced_commit":"128db84cca65feb99c15995a66545b4c4de9c0c4"},"previous_names":["sacred-g/interactive-coding"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sacred-G/interactive-coding","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sacred-G%2Finteractive-coding","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sacred-G%2Finteractive-coding/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sacred-G%2Finteractive-coding/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sacred-G%2Finteractive-coding/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sacred-G","download_url":"https://codeload.github.com/Sacred-G/interactive-coding/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sacred-G%2Finteractive-coding/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266671237,"owners_count":23966138,"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","status":"online","status_checked_at":"2025-07-23T02:00:09.312Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"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":["babel","bluebird-promise","css","iframe","javascript","livecoding","markdownm","personal-website","portfolio","projects","stylesheets"],"created_at":"2024-09-28T02:23:31.897Z","updated_at":"2026-02-09T01:02:25.243Z","avatar_url":"https://github.com/Sacred-G.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Interactive Portfolio Website\n\nThis project is an interactive portfolio website that showcases skills and information through an animated, code-like interface. It uses a combination of HTML, CSS, and JavaScript to create a unique and engaging user experience.\n\n## Features\n\n- Animated text writing effect\n- Interactive code-like interface\n- Flippable work and PGP sections\n- Markdown rendering\n- Embedded iframe for additional content\n\n## Technologies Used\n\n- HTML5\n- CSS3\n- JavaScript (ES6+)\n- Webpack for bundling\n- Babel for JavaScript compatibility\n- Bluebird for Promises\n- Markdown library for rendering markdown content\n- ClassList polyfill for better browser compatibility\n\n## Prerequisites\n\nBefore you begin, ensure you have met the following requirements:\n\n- You have installed Node.js and npm (Node Package Manager)\n- You have a basic understanding of HTML, CSS, and JavaScript\n- You have a web server to serve the static files (You can use tools like [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) for VS Code)\n\n## Installation and Setup\n\n1. Clone the repository:\n2. Navigate to the project directory: \n3. Install the dependencies: npm install\n4. Build the project:\n5. Serve the `index.html` file using a local server. If you're using VS Code with Live Server:\n\n- Right-click on `index.html`\n- Select \"Open with Live Server\"\n\nAlternatively, you can use any other local server solution of your choice.\n\n## Usage\n\nAfter setting up and running the project, you'll see an interactive interface that mimics a coding environment. The content will be typed out automatically, and you can interact with different sections:\n\n- Scroll through the content\n- Click on links\n- Flip between plain text and rendered versions of the work and PGP sections\n\n## Customization\n\nTo customize the content:\n\n1. Modify the `work.txt` file to change the main content\n2. Update the `pgp.txt` file to change the PGP section content\n3. Adjust the styles in the CSS files located in the `styles` directory\n\n## Contributing\n\nContributions to this project are welcome. Please follow these steps:\n\n1. Fork the repository\n2. Create a new branch: `git checkout -b feature-branch-name`\n3. Make your changes and commit them: `git commit -m 'Add some feature'`\n4. Push to the original branch: `git push origin feature-branch-name`\n5. Create the pull request\n\n## License\n\nThis project uses the following license: [MIT License](LICENSE.md).\n\n## Contact\n\nIf you want to contact me, you can reach me at `your-email@example.com`.\n\n## Acknowledgements\n\n- Inspired by [STRML](https://github.com/STRML)\n- [Markdown-it](https://github.com/markdown-it/markdown-it) for Markdown rendering\n- [Bluebird](https://github.com/petkaantonov/bluebird) for Promises\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsacred-g%2Finteractive-coding","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsacred-g%2Finteractive-coding","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsacred-g%2Finteractive-coding/lists"}