内容简介:Auto formatted with Prettier, tested with Cypress
A simplified Jira clone built with React and Node
Auto formatted with Prettier, tested with Cypress
Visit the live app | View client | View API
What is this and who is it for
♀️
I 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.
There are many showcase/example 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.
Features
- Proven, scalable, and easy to understand project structure
- Written in modern React, only functional components with hooks
- A variety of custom light-weight UI components such as datepicker, modal, various form elements etc
- Simple local React state management, without redux, mobx, or similar
- Custom webpack setup, without create-react-app or similar
- Client written in Babel powered JavaScript
- API written in TypeScript and using TypeORM
Setting up development environment
- Install postgreSQL if you don't have it already and create a database named
jira_development
. -
git clone https://github.com/oldboyxx/jira_clone.git
- Create an empty
.env
file in/api
, copy/api/.env.example
contents into it, and fill in your database username and password. -
npm run install-dependencies
-
cd api && npm start
-
cd client && npm start
in another terminal tab - App should now be running on
http://localhost:8080/
Running cypress end-to-end tests
:traffic_light:
- Set up development environment
- Create a database named
jira_test
and start the api withcd api && npm run start:test
-
cd client && npm run test:cypress
What's missing?
There are features missing from this showcase product which should exist in a real product:
Migrations
We'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 .
Proper authentication system
:closed_lock_with_key:
We 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 .
Accessibility :wheelchair:
Not all components have properly defined aria attributes , 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.
Unit/Integration tests
Both Client and API are currently tested through end-to-end Cypress tests . 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/integration tests.
Author: Ivor Reic
✍️
- Website: https://getivor.com/
- Skype handle: ivor.reic
:speech_balloon:
以上所述就是小编给大家介绍的《A Simplified Jira Clone Built with React/Babel and Node/TypeScript》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
ACM图灵奖演讲集
阿申豪斯特 / 苏运霖 / 电子工业出版社 / 2005-4 / 55.0
本书完整地收录了这些演讲,并配之以部分获奖者撰写的后记,旨在反映过去数年来这一领域中发生的变化。对任何一位计算机科学的历史与发展有兴趣的人来说,本书都极具收藏价值。 本文收录了自图灵奖开始颁发的1966年起到1985年这20年间图灵奖获得者在授奖大会上所做演讲的全文。由于在此期间有三次是把奖项同时授予两个人的,而其中有两次两位获奖者分别做了演讲,因此一共收录了22篇演讲稿。本书把这些演讲分为两大......一起来看看 《ACM图灵奖演讲集》 这本书的介绍吧!