{"id":19949886,"url":"https://github.com/tfiers/copylot","last_synced_at":"2026-09-18T04:30:21.041Z","repository":{"id":70647335,"uuid":"351207478","full_name":"tfiers/copylot","owner":"tfiers","description":"[experimental] Web-app for sciencing with Python. Like ipynb but 2D. Refactor by copy-pasting.","archived":false,"fork":false,"pushed_at":"2021-03-29T22:28:46.000Z","size":853,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-27T10:00:36.202Z","etag":null,"topics":["human-computer-interaction","interface-design"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/tfiers.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-03-24T20:00:33.000Z","updated_at":"2021-03-29T22:28:48.000Z","dependencies_parsed_at":"2023-03-11T08:54:37.486Z","dependency_job_id":null,"html_url":"https://github.com/tfiers/copylot","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tfiers/copylot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tfiers%2Fcopylot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tfiers%2Fcopylot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tfiers%2Fcopylot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tfiers%2Fcopylot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tfiers","download_url":"https://codeload.github.com/tfiers/copylot/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tfiers%2Fcopylot/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":341189360,"owners_count":37413489,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-22T15:14:58.755Z","status":"online","status_checked_at":"2026-09-18T02:00:15.364Z","response_time":89,"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":["human-computer-interaction","interface-design"],"created_at":"2024-11-13T00:47:48.590Z","updated_at":"2026-09-18T04:30:21.028Z","avatar_url":"https://github.com/tfiers.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# copylot\n\nWeb-app for sciencing with python. [experimental]\n\n- Like ipynb, but 2D\n- Refactor code by copy-pasting :)\n\n\n## Understanding the code\n\n- The app is built using [React](https://reactjs.org/), which updates the DOM for us when the app's state changes. If you are new to React, I recommend the ['Main Concepts'](https://reactjs.org/docs/hello-world.html) section of their docs.\n\n- The app is written in [TypeScript](https://www.typescriptlang.org/), a typed superset of JavaScript. `*.tsx` files contain typescript _and_ html elements to be rendered ([JSX syntax](https://reactjs.org/docs/introducing-jsx.html)).\n\n- Styling is done with [Tailwind CSS](https://tailwindcss.com/).\n  Hence why there is no handwritten CSS, but rather a lot of classes on html elements. If you wonder what any of these classes do, type them into the search function of their [docs](https://tailwindcss.com/docs/utility-first) -- for example `p-1`, which adds a bit of padding on all sides.\n\n\n## Development environment\n\n- Make sure you have [Node](https://nodejs.org/en) installed (which includes `npm`).\n\n- Run the app locally with `npm start`. The first time, this will install all dependencies. The app will auto-reload when saving code changes.\n\n- I use Visual Studio Code as IDE here, which has support for `.tsx` out of the box. Tailwind CSS has a [plugin](https://github.com/tailwindlabs/tailwindcss-intellisense) for intellisense.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftfiers%2Fcopylot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftfiers%2Fcopylot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftfiers%2Fcopylot/lists"}