{"id":26584026,"url":"https://github.com/thedevarchive/code-snippet-manager","last_synced_at":"2026-04-11T18:05:40.321Z","repository":{"id":282342666,"uuid":"948232457","full_name":"thedevarchive/code-snippet-manager","owner":"thedevarchive","description":"Web application for managing code snippets.","archived":false,"fork":false,"pushed_at":"2025-03-21T07:33:09.000Z","size":278,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T08:28:36.433Z","etag":null,"topics":["chatgpt","code-snippet","code-snippet-in-my-daily-work","code-snippets","code-snippets-javascript","cursor","cursorai","material-ui","mui","react"],"latest_commit_sha":null,"homepage":"https://tda-code-snippets.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/thedevarchive.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":"2025-03-14T01:08:20.000Z","updated_at":"2025-03-21T07:33:12.000Z","dependencies_parsed_at":"2025-03-14T04:36:42.502Z","dependency_job_id":null,"html_url":"https://github.com/thedevarchive/code-snippet-manager","commit_stats":null,"previous_names":["thedevarchive/code-snippet-manager"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/thedevarchive/code-snippet-manager","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thedevarchive%2Fcode-snippet-manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thedevarchive%2Fcode-snippet-manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thedevarchive%2Fcode-snippet-manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thedevarchive%2Fcode-snippet-manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thedevarchive","download_url":"https://codeload.github.com/thedevarchive/code-snippet-manager/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thedevarchive%2Fcode-snippet-manager/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270161367,"owners_count":24537640,"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-08-12T02:00:09.011Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","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":["chatgpt","code-snippet","code-snippet-in-my-daily-work","code-snippets","code-snippets-javascript","cursor","cursorai","material-ui","mui","react"],"created_at":"2025-03-23T09:17:45.736Z","updated_at":"2026-04-11T18:05:40.293Z","avatar_url":"https://github.com/thedevarchive.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# About this Project\n\nThis is a web application that allows developers to add and manage their code snippets. \n\nProject idea generated by ![ChatGPT](https://img.shields.io/badge/chatGPT-74aa9c?style=for-the-badge\u0026logo=openai\u0026logoColor=white)\n\nMade with \n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n\n# How to Run\n\nIn the Command Line or Terminal, enter this project's directory and type \n\n### `npm install`\n\nto install its dependencies, then type\n\n### `npm start`\n\nto run the project. \n\nYou can also check out the demo [here](https://tda-code-snippets.netlify.app/).\n[![Netlify Status](https://api.netlify.com/api/v1/badges/3505edf4-3e00-458b-abc1-6a10958168d0/deploy-status)](https://app.netlify.com/sites/tda-code-snippets/deploys)\n\n# How to Use\n\n## Adding a Code Snippet\nGo to Add Snippet. Then, name the snippet in the Title field, select the language the snippet uses and then select the appropriate category for the snippet. Finally, enter the snippet in the text area below the aforementioned fields. Once done, click on the Save button. Afterwards, it should say \"Saved!\" if a new snippet has been added to the list. \n\n## Viewing and Managing Code Snippets \nClick on View Snippets to see all the saved snippets. Use the filters to sort them by category, language or both. Click on the pencil icon to edit the snippet and its details, click on the copy button to copy the snippet to the clipboard or click on the bin icon to delete the snippet. Unlike the languages, there will be __no dialog box__ asking you to confirm this decision, so make sure you are certain you want to delete a snippet. \n\n## Editing Code Snippets\nFeel free to make changes to any of the details of the code snippets. Once you are done, click on the floppy disc icon to save it. If you change your mind, click on the cross icon. \n\n## Adding a Language\nClick on Manage Languages in the application's bar and clicking on the plus sign. Then, type the name of the language and click on the floppy disc icon to save it. You may also click on the cross if you change your mind. \n\n## Managing Languages\nYou can edit or delete languages in the Manage Languages page. Click on the pencil icon to edit the name of the language, or click on the bin icon to delete it.\n\nWhen editing, click on the floppy disc icon to save changes. Otherwise, click on the cross button to revert changes. \n\nIf you delete a language, __all snippets__ using that language will be deleted as well. A confirmation dialog box will appear asking you if you want to confirm deletion, and once you click on Delete, you cannot undo the action. \n\n## Saving Code Snippets\nYou can save snippets by clicking on the Download button in the __View Snippets__ page. You may save it with any name of your choosing, and after clicking on Save on the dialog box, you will get a JSON file containing the saved snippets and languages. \n\n## Loading Code Snippets\nYou can upload the JSON file containing the snippets and the languages by clicking on the Upload button in the __View Snippets__ page. If successful, you will be able to see the file's saved snippets and languages on the website. \n\n# Features\n\n* Ability to save and organise code languages for multiple snippets\n* Ability to filter snippets by category and language\n* Ability to categorise snippets (Frontend, Backend, Database, Algorithms)\n* Support for different language types (programming language, markup language, etc.)\n* Dark mode and light mode (plus different code themes for each mode) \n* Syntax highlighting with Prism.js\n* Local storage support\n* JSON import and export (saves languages and snippets) \n\n# How to Report Issues\n\nEmail me at amaengo@protonmail.com if you find any bugs in the program or have any issues running it. Any feedback and suggestions is also appreciated. \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthedevarchive%2Fcode-snippet-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthedevarchive%2Fcode-snippet-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthedevarchive%2Fcode-snippet-manager/lists"}