Docs content improved

Author: GokulnathP

src/pages/Docs/Doc1.js

@@ -12,9 +12,9 @@ const Doc1 = () => {
             <div className={classes.Content}>
                 <h1 className={classes.Title}>What is pair programming?</h1>
                 <p className={classes.Para}>Pair programming involves two developers writing code together by sharing the single system. A pair of developers not only write the code but also plan and discuss their work.</p>
-                <p className={classes.Para}>In a pair of developers, one can be a driver and other can be a navigator. A driver is the person who types the code. He should always talk through what he is doing while doing it. A navigator is a person who observes the code. He reviews the code, gives direction and shares thoughts while the driver writes the code.</p>
+                <p className={classes.Para}>In a pair of developers, one can be the driver and other can be the navigator. A driver is the one who types the code. He should always talk through with the navigator on what he is doing while doing it. A navigator is the one who observes the code. He reviews the code, gives direction and shares thoughts while the driver writes the code.</p>
                 <img src={PairRole} className={classes.Image} alt='Roles in Pairing' />
-                <p className={classes.Para}>The idea of the pair division is to have two different perspectives on the code. The driver should always focus on completing the code. The navigator should always focus on bugs and larger issues. Both of the developers have the big picture in mind at the end.</p>
+                <p className={classes.Para}>The idea of pair division is to have two different perspectives on the code. The driver should always focus on completing the code. The navigator should always focus on bugs and larger issues. Both the developers have the big picture in mind at the end.</p>
             </div>
             <Buttons nextLink='/get-started/why-do-we-need-pair-programming' />
         </>

src/pages/Docs/Doc2.js

@@ -11,11 +11,11 @@ const Doc2 = () => {
             <Buttons prevLink='/get-started/what-is-pair-programming' nextLink='/get-started/what-is-git-co-commit' />
             <div className={classes.Content}>
                 <h1 className={classes.Title}>Why do we need pair programming?</h1>
-                <p className={classes.Para}><b>Less bugs:</b> If the driver encounters a bug with the code, there will be two of them who’ll solve the problem. It will reduce the bugs in the overall product and it will result in better code.</p>
-                <p className={classes.Para}><b>Improve interpersonal skills:</b>Pair programming involves a collaborative way of working which will improve a lot of communication and teamwork. Pair programming not only improves programming skills, but can also help programmers develop their interpersonal skills.</p>
-                <p className={classes.Para}><b>Better knowledge sharing:</b> While a pair of developers work on the same code,  it helps them to exchange their knowledge and accept certain best practices. Different experiences and perspectives will lead to the consideration of more alternatives.</p>
+                <p className={classes.Para}><b>Less bugs:</b> If the driver encounters a bug with the code, there will be two of them who’ll solve the problem. It will reduce the bugs in the overall product and will result in better code.</p>
+                <p className={classes.Para}><b>Improve interpersonal skills:</b> Pair programming involves a collaborative way of working which will improve a lot of communication and teamwork. Pair programming not only improves programming skills, but can also help programmers develop their interpersonal skills.</p>
+                <p className={classes.Para}><b>Better knowledge sharing:</b> While a pair of developers work on the same code, it helps them exchange their  knowledge and accept certain best practices. Different experiences and perspectives will lead to the consideration of more alternatives.</p>
                 <img className={[classes.Image, classes.ImageBorder].join(' ')} src={Pairing} alt="Pairing benefits" />
-                <p className={classes.Para}>In a pair, when one of them leaves the project or the company, it will not kill the project. The others in the pair can always take it up and finish it. It is good to switch pairs frequently, to keep everyone working on the project up to date.</p>
+                <p className={classes.Para}>In a pair, when one of them leaves the project or the company, it will not kill the project. The other in the pair can always take it up and finish it. It is good to switch pairs frequently, to keep everyone working on the project up to date.</p>
             </div>
             <Buttons prevLink='/get-started/why-we-need-pair-programming' nextLink='/get-started/what-is-git-co-commit' />
         </>

src/pages/Docs/Doc3.js

@@ -14,7 +14,7 @@ const Doc3 = () => {
             <div className={classes.Content}>
                 <h1 className={classes.Title}>What is git co commit?</h1>
                 <p className={classes.Para}>When a pair or multiple developers work on git projects, there is a convention that allows us to document our co-authors in the commit message. However, adding the co-authorship information on every single commit is painful.</p>
-                <p className={classes.Para}>Do a git commit as normal with  the pair members username, to make them get credit for the commit (if more than one member works on the same code, separate the username by comma). The author name(who writes code - Driver) on the commit added automatically.</p>
+                <p className={classes.Para}>Do a git commit in the same way it is usually done, with the pair members username, to make them get credit for the commit (if more than one member works on the same code, separate the username by comma). The author’s name(who writes the code - Driver) on the commit will be added automatically.</p>
                 <p className={classes.Para}>Each co-author will be added to the commit message, so that they are also credited in the github contributions view!</p>
                 <h3 className={classes.SubTitle}>Before Pairing</h3>
                 <img className={classes.LenImage} src={BeforePairing} alt="Before Pairing" />

src/pages/Docs/Doc4.js

@@ -11,7 +11,7 @@ const Doc4 = () => {
             <div className={classes.Content}>
                 <h1 className={classes.Title}>Installing Node JS</h1>
                 <p className={classes.Para}>1. Download Node js installer from the <a href="https://nodejs.org/en/download/" target="_blank" rel="noopener noreferrer">official website</a> as per the operating system(OS).</p>
-                <p className={classes.Para}>2. Run the downloaded Node js installer - including accepting license, selecting destination and authenticate for install.</p>
+                <p className={classes.Para}>2. Run the downloaded Node js installer - including accepting license, selecting destination and authentication for installation.</p>
                 <p className={classes.Para}>3. To ensure Node js has been installed successfully run the following command in cmd or bash</p>
                 <code className={classes.Code}>node -v</code>
                 <p className={classes.Para}>4. To ensure npm (Node Package Manager) has been added with node js successfully run the following command in cmd or bash</p>

src/pages/Docs/Doc5.js

@@ -13,7 +13,7 @@ const Doc5 = () => {
             <Buttons prevLink="/get-started/installing-node-js" nextLink="/get-started/setup-git-co-commit-for-node-project" />
             <div className={classes.Content}>
                 <h1 className={classes.Title}>Installing and using git co commit</h1>
-                <p className={classes.Para}>Before installing git co commit package ensure that, you have installed the Node js correctly. If not, Please read the <Link to="/get-started/installing-node-js">previous page</Link>.</p>
+                <p className={classes.Para}>Before installing git co commit package, ensure that you have installed Node js correctly. If not, Please read the <Link to="/get-started/installing-node-js">previous page</Link>.</p>
                 <p className={classes.Para}>To install git co commit run the following command in the cmd or bash</p>
                 <code className={classes.Code}>npm i -g git-co-commit</code>
                 <p className={classes.Para}>It will install the git-co-commit package and add all the dependencies to the root level of your computer.</p>
@@ -22,7 +22,7 @@ const Doc5 = () => {
                 <p className={classes.Para}>2. Run git init</p>
                 <p className={classes.Para}>3. Add index.html file</p>
                 <p className={classes.Para}>4. Run git add index.html</p>
-                <p className={classes.Para}>5. Run commit - it will ask for commit message after that it will ask pairs username separate by comma (Author name doesn’t need to be included).</p>
+                <p className={classes.Para}>5. Run commit - it will ask for a commit message, once you add your commit message, it will ask for the pair’s username separated by comma (Author’s name doesn’t need to be included, it will be automatically added).</p>
                 <img className={classes.CmdImage} src={UseGitCoCommit} alt="Use git-co-commit" />
             </div>
             <Buttons prevLink="/get-started/installing-node-js" nextLink="/get-started/setup-git-co-commit-for-node-project" />

src/pages/Docs/Doc6.js

@@ -15,7 +15,7 @@ const Doc6 = () => {
             <Buttons prevLink="/get-started/installing-using-git-co-commit" nextLink="/references/co-authered-by-in-git-commit" />
             <div className={classes.Content}>
                 <h1 className={classes.Title}>Setup git co commit for node project</h1>
-                <p className={classes.Para}>Before installing git co commit package ensure that, you have installed the Node js correctly. If not, Please read the <Link to="/get-started/installing-node-js">previous page</Link>.</p>
+                <p className={classes.Para}>Before installing git co commit package ensure that you have installed Node js correctly. If not, Please read the <Link to="/get-started/installing-node-js">previous page</Link>.</p>
                 <h3 className={classes.SubTitle}>To setup do the following steps</h3>
                 <p className={classes.Para}>1. Create a folder and then open the folder in cmd or bash</p>
                 <p className={classes.Para}>2. Run npm init -y</p>
@@ -31,7 +31,7 @@ const Doc6 = () => {
                 <p className={classes.Para}>5. Run git init</p>
                 <p className={classes.Para}>6. Add index.html file</p>
                 <p className={classes.Para}>7. Run git add index.html</p>
-                <p className={classes.Para}>8. Run npm run commit - it will ask for commit message after that it will ask pairs username separate by comma (Author name doesn’t need to be included).</p>
+                <p className={classes.Para}>8. Run npm run commit - it will ask for a commit message, once you add your commit message, it will ask for the pair’s username separated by comma (Author’s name doesn’t need to be included, it will be automatically added).</p>
                 <img className={classes.CmdImage} src={NpmGit} alt="Npm run commit" />
             </div>
             <Buttons prevLink="/get-started/installing-using-git-co-commit" nextLink="/references/co-authered-by-in-git-commit" />

src/pages/Home/Body2/Body2.js

@@ -15,7 +15,10 @@ const Body2 = () => {
         <div className={classes.Body}>
             <div className={classes.Content}>
                 <h1 className={classes.Heading}>Collaborate</h1>
-                <p className={classes.Para}>Want to collaborate with code and improve the package? complete documentation of code is available. Click below buttons to view documentation or start improving</p>
+                <p className={classes.Para}>Want to collaborate with code and improve the package?<br />
+                Complete documentation of the code is available.
+                Click the Reference button below to view the documentation and start improving the package.
+                </p>
                 <div className={classes.Btns}>
                     <Link to='/references' className={[classes.Btn, classes.Start].join(' ')} >References</Link>
                     <a href="https://github.com/git-co-commit/git-co-commit" target="_blank" rel="noopener noreferrer" className={[classes.Btn, classes.Download].join(' ')} >