{"id":15590503,"url":"https://github.com/adam-robson/markdown","last_synced_at":"2026-02-11T19:03:44.489Z","repository":{"id":211945958,"uuid":"730337353","full_name":"Adam-Robson/markdown","owner":"Adam-Robson","description":null,"archived":false,"fork":false,"pushed_at":"2025-01-29T06:49:54.000Z","size":256,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T09:19:42.165Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Adam-Robson.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,"zenodo":null}},"created_at":"2023-12-11T17:49:08.000Z","updated_at":"2025-01-29T06:49:54.000Z","dependencies_parsed_at":"2024-04-04T01:51:05.493Z","dependency_job_id":"f5a606f7-4d49-48f7-81cb-f0f672f50adf","html_url":"https://github.com/Adam-Robson/markdown","commit_stats":{"total_commits":7,"total_committers":2,"mean_commits":3.5,"dds":0.4285714285714286,"last_synced_commit":"70a4ea7a835cf71c89b80a09fb8882c6dd8861af"},"previous_names":["adam-robson/text","adam-robson/markdown"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Adam-Robson/markdown","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Adam-Robson%2Fmarkdown","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Adam-Robson%2Fmarkdown/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Adam-Robson%2Fmarkdown/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Adam-Robson%2Fmarkdown/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Adam-Robson","download_url":"https://codeload.github.com/Adam-Robson/markdown/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Adam-Robson%2Fmarkdown/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29341712,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T18:58:20.535Z","status":"ssl_error","status_checked_at":"2026-02-11T18:56:44.814Z","response_time":97,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":[],"created_at":"2024-10-02T23:22:20.422Z","updated_at":"2026-02-11T19:03:44.475Z","avatar_url":"https://github.com/Adam-Robson.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Edit Text in React\n\n## Description\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/8f74ff49-eb7d-40f6-a84d-e6516fea3d6b/deploy-status)](https://app.netlify.com/sites/edittextinreact/deploys)\n[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://adamrobson.vercel.app/)\n[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/adamrayrobson)\n\nThis is a text editing web application built with [React](https://react.dev/) and [Webpack](https://webpack.js.org/).\n\n---\n\nLive demo on Netlify [here](htttps://edittextinreact.netlify.app).\n\n---\n\n## Table of Contents\n\n- [Edit Text in React](#edit-text-in-react)\n  - [Description](#description)\n  - [Table of Contents](#table-of-contents)\n  - [Summary](#summary)\n  - [Technologies Used](#technologies-used)\n  - [Objectives](#objectives)\n  - [Authors](#authors)\n  - [Run Locally](#run-locally)\n  - [Acknowledgements](#acknowledgements)\n  - [Contact](#contact)\n\n## Summary\n\nThis project was built in my free time. It was started when I was in the July 2022 cohort at Alchemy Code Lab in Portland, Oregon.\n\nThe Text Editor is a React web application originally developed as an exercise in state management and configuration. It was originally built from scratch using Webpack. As time progressed, I integrated a Markdown editor and toggle button for changing the views. As elements in the editing panel are updated, their values are reflected in the preview panel. Users can download the resulting document in a `.txt` file.\n\n## Technologies Used\n\n- React\n- React-Markdown\n- JSX\n- JavaScript\n- Node\n- HTML\n- CSS\n- Webpack\n- Babel\n- ESLint\n- Prettier\n- GitHub Actions\n- Netlify\n\n\n\u003e ESLint configuration:\n\n\u003e This project includes an updated configuration that enables type aware lint rules:\n\u003e Replaced `plugin:@typescript-eslint/recommended` with `plugin:@typescript-eslint/strict-type-checked` and `plugin:@typescript-eslint/stylistic-type-checked`\n\u003e Installed [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and added `plugin:react/recommended` \u0026 `plugin:react/jsx-runtime` to the `extends` list\n\u003e The top-level `parserOptions` property was added based on the recommendation from Vite:\n\n```js\nexport default {\n  // other rules...\n  parserOptions: {\n    ecmaVersion: 'latest',\n    sourceType: 'module',\n    project: ['./tsconfig.json', './tsconfig.node.json'],\n    tsconfigRootDir: __dirname,\n  },\n}\n```\n\n## Objectives\n\nTo gain a deep understanding of state management concepts, with a focus on React's state management mechanisms and patterns. Development of custom UI components within a React application to enhance knowledge of component-based architecture. Implementing rich text editing features to practice DOM manipulation and event handling in a React context. Master the use of Webpack for project setup, asset management, and dependency bundling, particularly in conjunction with React.\n\n## Authors\n\n\u003e [@Adam-Robson](https://www.github.com/Adam-Robson)\n\n## Run Locally\n\nTo run the app in *development* mode, follow these steps:\n\n1. Clone the project: `$ git clone https://the-project`\n2. Go to the project directory: `$ cd the-project`\n3. Install dependencies: `npm install`\n4. Start the server: `npm run dev`\n5. Open `http://localhost:5173` to view it in the browser. The page will reload if you make edits, and any lint errors will appear in the console.\n\n## Acknowledgements\n\nThanks to Alchemy Code Lab and instructor [Julie Nisbet](https://www.github.com/julienisbet), who created the template for the project and was crucial in debugging along the way!\n\n## Contact\n\nFeel free to reach out! I can be messaged through LinkedIn by clicking on the badge above or by emailing me at adamray312@gmail.com.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadam-robson%2Fmarkdown","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadam-robson%2Fmarkdown","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadam-robson%2Fmarkdown/lists"}