[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70640":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},70640,"jira_clone","oldboyxx\u002Fjira_clone","oldboyxx","A simplified Jira clone built with React\u002FBabel (Client), and Node\u002FTypeScript (API). Auto formatted with Prettier, tested with Cypress.","http:\u002F\u002Fjira.ivorreic.com",null,"JavaScript",11060,2142,165,10,0,1,4,3,44.99,"MIT License",false,"master",true,[],"2026-06-12 02:02:35","\u003Ch1 align=\"center\">A simplified Jira clone built with React and Node\u003C\u002Fh1>\n\n\u003Cdiv align=\"center\">Auto formatted with Prettier, tested with Cypress 🎗\u003C\u002Fdiv>\n\n\u003Ch3 align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fjira.ivorreic.com\u002F\">Visit the live app\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Foldboyxx\u002Fjira_clone\u002Ftree\u002Fmaster\u002Fclient\">View client\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Foldboyxx\u002Fjira_clone\u002Ftree\u002Fmaster\u002Fapi\">View API\u003C\u002Fa>\n\u003C\u002Fh3>\n\n![Tech logos](https:\u002F\u002Fi.ibb.co\u002FDVFj8PL\u002Ftech-icons.jpg)\n\n![App screenshot](https:\u002F\u002Fi.ibb.co\u002FW3qVvCn\u002Fjira-optimized.jpg)\n\n## What is this and who is it for 🤷‍♀️\n\nI do React consulting and this is a showcase product I've built in my spare time. It's a very good example of modern, real-world React codebase.\n\nThere are many showcase\u002Fexample React projects out there but most of them are way too simple. I like to think that this codebase contains enough complexity to offer valuable insights to React developers of all skill levels while still being _relatively_ easy to understand.\n\n## Features\n\n- Proven, scalable, and easy to understand project structure\n- Written in modern React, only functional components with hooks\n- A variety of custom light-weight UI components such as datepicker, modal, various form elements etc\n- Simple local React state management, without redux, mobx, or similar\n- Custom webpack setup, without create-react-app or similar\n- Client written in Babel powered JavaScript\n- API written in TypeScript and using TypeORM\n\n## Setting up development environment 🛠\n\n- Install [postgreSQL](https:\u002F\u002Fwww.postgresql.org\u002F) if you don't have it already and create a database named `jira_development`.\n- `git clone https:\u002F\u002Fgithub.com\u002Foldboyxx\u002Fjira_clone.git`\n- Create an empty `.env` file in `\u002Fapi`, copy `\u002Fapi\u002F.env.example` contents into it, and fill in your database username and password.\n- `npm run install-dependencies`\n- `cd api && npm start`\n- `cd client && npm start` in another terminal tab\n- App should now be running on `http:\u002F\u002Flocalhost:8080\u002F`\n\n## Running cypress end-to-end tests 🚥\n\n- Set up development environment\n- Create a database named `jira_test` and start the api with `cd api && npm run start:test`\n- `cd client && npm run test:cypress`\n\n## What's missing?\n\nThere are features missing from this showcase product which should exist in a real product:\n\n### Migrations 🗄\n\nWe're currently using TypeORM's `synchronize` feature which auto creates the database schema on every application launch. It's fine to do this in a showcase product or during early development while the product is not used by anyone, but before going live with a real product, we should [introduce migrations](https:\u002F\u002Fgithub.com\u002Ftypeorm\u002Ftypeorm\u002Fblob\u002Fmaster\u002Fdocs\u002Fmigrations.md).\n\n### Proper authentication system 🔐\n\nWe currently auto create an auth token and seed a project with issues and users for anyone who visits the API without valid credentials. In a real product we'd want to implement a proper [email and password authentication system](https:\u002F\u002Fwww.google.com\u002Fsearch?q=email+and+password+authentication+node+js&oq=email+and+password+authentication+node+js).\n\n### Accessibility ♿\n\nNot all components have properly defined [aria attributes](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA), visual focus indicators etc. Most early stage companies tend to ignore this aspect of their product but in many cases they shouldn't, especially once their userbase starts growing.\n\n### Unit\u002FIntegration tests 🧪\n\nBoth Client and API are currently tested through [end-to-end Cypress tests](https:\u002F\u002Fgithub.com\u002Foldboyxx\u002Fjira_clone\u002Ftree\u002Fmaster\u002Fclient\u002Fcypress\u002Fintegration). That's good enough for a relatively simple application such as this, even if it was a real product. However, as the app grows in complexity, it might be wise to start writing additional unit\u002Fintegration tests.\n\n## Contributing\n\nI will not be accepting PR's on this repository. Feel free to fork and maintain your own version.\n\n## License\n\n[MIT](https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT)\n\n\u003Chr>\n\n\u003Ch3>\n  \u003Ca href=\"https:\u002F\u002Fjira.ivorreic.com\u002F\">Visit the live app\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Foldboyxx\u002Fjira_clone\u002Ftree\u002Fmaster\u002Fclient\">View client\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Foldboyxx\u002Fjira_clone\u002Ftree\u002Fmaster\u002Fapi\">View API\u003C\u002Fa>\n\u003C\u002Fh3>\n","这是一个基于React和Node.js构建的简化版Jira克隆项目，旨在为开发者提供一个现代且实用的代码示例。核心功能包括使用函数组件与Hooks编写的现代React代码、一系列轻量级自定义UI组件以及简单的本地状态管理。技术特点上，前端采用Babel支持的JavaScript编写，并通过Prettier自动格式化；后端则使用TypeScript开发，并利用TypeORM进行数据库操作。该项目适合于希望深入理解React应用架构及最佳实践的学习者或开发者，同时也可作为小型项目管理工具的基础框架。",2,"2026-06-11 03:33:10","high_star"]