https://adoring-jennings-f809ce.netlify.app/

1. install Node.js package manager yarn or npm
2. install dependencies through yarn or npm

yarn

or

npm install

3. start development server

yarn dev

or

npm run dev

4. build and start production server

yarn build
yarn start

or

npm run build
npm start

• UI
• input change
• intersection change

• Define components, hooks, and util functions in a folder as a module.
• Reusable components, hooks, and util functions would be defined in the sibling folders of other module folders.

• Use styled-system to unify style property name of reusable components.

• Generate types of github api through openapi-typescript to ensure type safety when access data of github api responses.
• Exhaustive match through ts-pattern to ensure all input types would be handled in compile time.

• Use one of the css-in-js solutions, styled-components to add style to components to avoid css class name naming collision and polyfill styled cross different browsers.

• Reduce the update frequency of fetch urls to avoid too many requests sent in a short time.

• Update trigger condition of the github next page repositories through IntersectionObserver apis.

MIT