First of all you have to install these plugins to your editor (vscode), but if you are using another code editor or IDE install them for your dev environment
If you don't use one of these Code Editor/IDE please check if your EDITOR/IDE exists or not please install the Editor Config plugin for your Code Editor/IDE.
While developing this project, you should take attention to linter rules, all of your codes and commit messages, because you can't do any development without checking by rules.
Notice: Before commit to changes, HuskyJs checking these commit messages / linter rules
If you get a lint's error when you committing a message, you can check for eslint linter rules or if you get an error because of your commit message you can check below commit message types and examples or you can check from Conventional Commits.
Examples:
git commit -m "feat: add navbar component"
git commit -m "docs(readme): add server link"
build:
Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)ci:
Changes to our CI configuration files and scripts (example scopes: Circle, BrowserStack, SauceLabs)chore:
Updating packages,build project etc. (no production code change)docs:
Documentation only changesfeat:
A new featurefix:
A bug fixperf:
A code change that improves performancerefactor:
A code change that neither fixes a bug nor adds a feature, when refactoring a production code, eg. renaming a variable.revert:
A commit revert messagestyle:
Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)test:
Adding missing tests or correcting existing tests
Use below script for clone repository and install dependencies.
git clone https://github.com/xxx/xxx.git && cd xxx && yarn install
Please create the .env
file and add below environment key and a variable which shared with you as an API URL
REACT_APP_API_BASE_URL=
after add the above environment key and variable that shared with you, run below script to start development and server.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!