{"id":20580361,"url":"https://github.com/cyphernyx/offline-code-editor","last_synced_at":"2026-04-09T18:46:25.865Z","repository":{"id":191323812,"uuid":"684349874","full_name":"CypherNyx/offline-code-editor","owner":"CypherNyx","description":"Progressive Web App (PWA) that functions seamlessly both online and offline. With this application, developers can create and store notes or code snippets and retrieve them whenever needed, even without an internet connection.","archived":false,"fork":false,"pushed_at":"2023-08-29T21:46:05.000Z","size":194,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-16T22:32:09.430Z","etag":null,"topics":["expressjs","indexeddb","javascript","nodejs","progressive-web-app","serviceworker","webpack","workbox"],"latest_commit_sha":null,"homepage":"","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/CypherNyx.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}},"created_at":"2023-08-29T00:43:49.000Z","updated_at":"2023-08-29T05:06:24.000Z","dependencies_parsed_at":null,"dependency_job_id":"f3bcbf63-0477-495e-b1f3-a76b18d73e7e","html_url":"https://github.com/CypherNyx/offline-code-editor","commit_stats":{"total_commits":12,"total_committers":2,"mean_commits":6.0,"dds":0.08333333333333337,"last_synced_commit":"9bce0d104461c4b47a664947bbccb040196b422c"},"previous_names":["cyphernyx/offline-code-editor"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CypherNyx%2Foffline-code-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CypherNyx%2Foffline-code-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CypherNyx%2Foffline-code-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CypherNyx%2Foffline-code-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CypherNyx","download_url":"https://codeload.github.com/CypherNyx/offline-code-editor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242206006,"owners_count":20089252,"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":["expressjs","indexeddb","javascript","nodejs","progressive-web-app","serviceworker","webpack","workbox"],"created_at":"2024-11-16T06:23:15.336Z","updated_at":"2026-04-09T18:46:25.820Z","avatar_url":"https://github.com/CypherNyx.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Offline Code Editor\n\u003e Module 19 - Progressive Web Applications (PWA) Challenge: Text Editor\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\n\n## Table of Contents\n  \n  * [Description](#description)\n  * [Features](#features)\n  * [Installation](#installation)\n  * [Technologies](#technologies)\n  * [Contributing](#contributing)\n  * [License](#license)\n  * [Questions](#questions)\n\u003cbr\u003e\u003cbr\u003e\n\n## Description\nThis is a web-based text editor designed as a one-page application, accessible directly from your browser. The application meets Progressive Web App (PWA) criteria and incorporates a range of data persistence methods. These techniques provide backup solutions in case a particular option isn't compatible with the browser. Moreover, the application can be installed and is functional while offline, allowing usability regardless of your internet connection.\n\n### [\u003e\u003e View the live Application here ➡️](https://offline-code-editor-6a12c9d49a7b.herokuapp.com/)\n\n![screenshot](./client/src/images/screencapture-localhost-3000_Main.png)\n\n### Please remember to use Incognito mode!\nTo ensure accurate testing of the offline features for this application, kindly consider using Google Chrome's incognito mode or alternatevely open a new \"guest session\" in your browser. This will help prevent any interference from cookies, cache, or browser history that might affect the app's performance. \n\n![incognito](./client/src/images/Screenshot%202023-08-29%20154316.png)\n\n## Features\n\n- Create and edit notes or code snippets with a user-friendly text editor.\n- Switch between online and offline modes and the text editor still functions in the browser without errors.\n- Static assets, including HTML, service workers, and manifest files, using webpack.\n- Click \"Install: button to download the web application onto the desktop.\n- Utilize IndexedDB for immediate database storage upon opening the text editor.\n\n## Installation\n\nClone the repository:\n\n```sh\ngit clone https://github.com/CypherNyx/offline-code-editor.git\n```\n\nInstall the required dependencies:\n\n```sh\nnpm install\n```\n\nRun the project in your local browser:\n\n```sh\nnpm start\n```\n## Technologies\n[![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)](https://www.javascript.com/)\n[![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge\u0026logo=node.js\u0026logoColor=white)](https://nodejs.org/)\n[![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge)](https://expressjs.com/)\u003cbr\u003e\u003cbr\u003e\n![Webpack](https://img.shields.io/badge/webpack-%5E4.0.0-blue)\n![PWA](https://img.shields.io/badge/PWA-Supported-brightgreen)\n![Workbox](https://img.shields.io/badge/Workbox-%5E6.0.0-blue)\u003cbr\u003e\u003cbr\u003e\n![HTML5](https://img.shields.io/badge/HTML5-Supported-orange)\n![CSS3](https://img.shields.io/badge/CSS3-Supported-blue)\n![Heroku](https://img.shields.io/badge/Heroku-Deployed-purple)\n\n\n\n## Contributing\nPull requests are welcome. Please open an issue first to discuss any proposed changes or additions.\n\u003cbr\u003e\n\n## License\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n  \n  https://opensource.org/licenses/MIT \u003cbr\u003e \n  This project is open source and available under the MIT License.\n\n\u003cbr\u003e\n\n  ## Questions\n  GitHub [Dahlia Guido](https://github.com/CypherNyx)\u003cbr\u003e\n  Email: dguido.dev@gmail.com","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcyphernyx%2Foffline-code-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcyphernyx%2Foffline-code-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcyphernyx%2Foffline-code-editor/lists"}