22 | );
23 | }
24 |
25 | export default App;
26 |
--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | height: 40vmin;
7 | pointer-events: none;
8 | }
9 |
10 | @media (prefers-reduced-motion: no-preference) {
11 | .App-logo {
12 | animation: App-logo-spin infinite 20s linear;
13 | }
14 | }
15 |
16 | .App-header {
17 | background-color: #282c34;
18 | min-height: 100vh;
19 | display: flex;
20 | flex-direction: column;
21 | align-items: center;
22 | justify-content: center;
23 | font-size: calc(10px + 2vmin);
24 | color: white;
25 | }
26 |
27 | .App-link {
28 | color: #61dafb;
29 | }
30 |
31 | @keyframes App-logo-spin {
32 | from {
33 | transform: rotate(0deg);
34 | }
35 | to {
36 | transform: rotate(360deg);
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/.startupbash.sh:
--------------------------------------------------------------------------------
1 | echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js
2 | npx husky install
3 | npx husky add .husky/commit-msg 'npx --no -- commitlint --edit "$1"'
4 |
5 | # npx husky install
6 | # npx husky add .husky/commit-msg 'npx --no -- commitlint --edit "$1"'
7 | # if the above command does not work do the following command to create a hook
8 | # ## Add hook
9 | # npx husky add .husky/commit-msg 'npx --no -- commitlint --edit "$1"'
10 | # # Sometimes above command doesn't work in some command interpreters
11 | # # You can try other commands below to write npx --no -- commitlint --edit $1
12 | # # in the commit-msg file.
13 | # npx husky add .husky/commit-msg \"npx --no -- commitlint --edit '$1'\"
14 | # # or
15 | # npx husky add .husky/commit-msg "npx --no -- commitlint --edit $1"
16 |
17 | # # or
18 | # yarn husky add .husky/commit-msg 'yarn commitlint --edit $1'
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@testing-library/jest-dom": "^5.16.4",
7 | "@testing-library/react": "^13.1.1",
8 | "@testing-library/user-event": "^13.5.0",
9 | "react": "^18.0.0",
10 | "react-dom": "^18.0.0",
11 | "react-scripts": "5.0.1",
12 | "web-vitals": "^2.1.4"
13 | },
14 | "scripts": {
15 | "start": "react-scripts start",
16 | "build": "react-scripts build",
17 | "test": "react-scripts test",
18 | "eject": "react-scripts eject",
19 | "format:check": "npx prettier --check \"**/*.{js,jsx,yml,yaml,json,css,scss,md}\"",
20 | "format": "npx prettier --write \"**/*.{js,jsx,yml,yaml,json,css,scss,md}\""
21 | },
22 | "husky": {
23 | "hooks": {
24 | "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
25 | }
26 | },
27 | "eslintConfig": {
28 | "extends": [
29 | "react-app",
30 | "react-app/jest"
31 | ]
32 | },
33 | "browserslist": {
34 | "production": [
35 | ">0.2%",
36 | "not dead",
37 | "not op_mini all"
38 | ],
39 | "development": [
40 | "last 1 chrome version",
41 | "last 1 firefox version",
42 | "last 1 safari version"
43 | ]
44 | },
45 | "devDependencies": {
46 | "@commitlint/cli": "^16.2.4",
47 | "@commitlint/config-conventional": "^16.2.4",
48 | "husky": "^4.3.8",
49 | "prettier": "2.6.2",
50 | "semantic-release": "^19.0.2"
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |