Skip to content

Commit 2d9ac7e

Browse files
committed
updated readme
1 parent e37d5fc commit 2d9ac7e

File tree

2 files changed

+18
-15
lines changed

2 files changed

+18
-15
lines changed

README.md

+14-12
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,36 @@
1-
# Hello World with React and Cloud 9
1+
# Hello World with React boilerplate
22

3-
Requirements: Make sure you are using node version 8
4-
* `$ node -v` to check which node version you are using
5-
* `$ nvm use 8` to switch to using version 8
6-
* `$ nvm install 8` to install version 8 if necessary
3+
This template its similar to create-react-app but is meant for 4Geeks Academy students.
74

85
##### Download the boilerplate using the BreatheCode CLI
96
```
107
$ npm i breathecode-cli -g
8+
$ bc start:react-project -r
119
```
1210

13-
##### Download the boilerplate using the BreatheCode CLI
11+
#### Or Download the boilerplate using git
12+
1413
```
15-
$ bc start:react-project -r
14+
$ git clone https://github.com/4GeeksAcademy/react-hello.git
15+
$ cd react-hello
1616
```
17+
1718
##### and install the npm package:
1819
```
1920
$ npm install
2021
```
2122

22-
## Start coding!
23+
## Start coding!
2324

2425
Start the webpack server with live reload:
26+
- `$ npm run gitpod` for Gitpod Users.
2527
- `$ npm run c9` for Cloud 9 Users.
26-
- `$ npm run dev-server` for windows, mac or linux.
28+
- `$ npm run start` for windows, mac or linux.
2729

2830
You can update the `styles/index.scss` or `js/index.js` depending on your needs.
2931
Add more files into your, `./src/js/components` or styles folder as you need them.
3032

31-
## Publish your website!
33+
## Publish your website!
3234

3335
This boilerplate is 100% compatible with the free github pages hosting.
3436
To publish your website you need to `push your code to your github repository` and run the following command after:
@@ -39,7 +41,7 @@ $ npm run deploy
3941
## Other features
4042

4143
- Automatic Code Formatting: Use of [Prettier](https://prettier.io/) for automatic code identation and formating.
42-
- Error reporting: Use of [esling](https://eslint.org/) for better error reporting.
44+
- Error reporting: Use of [eslint](https://eslint.org/) for better error reporting.
4345
- Hot Deploy: Use of [Webpack Development Server](https://webpack.js.org/configuration/dev-server/) for hot deploy and live reload.
44-
- One-click publish of the code to github pages.
46+
- One-command publish of the code to github pages with `npm run deploy`.
4547
- Babel 7 (really fast).

deploy-to-github.js

+4-3
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ if (!fs.existsSync(path.resolve(__dirname,'.git'))){
1616
const origin = remoteOriginUrl.sync();
1717
if(!origin || origin==''){
1818
Console.error("No remote origin has been found on this repository");
19-
Console.help(`Check your remote by doing:
19+
Console.help(`Check your remote by doing:
2020
$ git remote get-url origin
2121
2222
Add your remote by doing:
@@ -36,14 +36,15 @@ compiler.run((err, stats) => {
3636
Console.error("There was an error compiling, review above");
3737
return;
3838
}
39-
Console.success("Your code compiled successfully, proceding to deploy...");
39+
Console.info("Your code compiled successfully, proceding to deploy...");
4040
ghpages.publish('public', function(err) {
4141
if(err){
4242
console.error(err);
4343
Console.error("There was an error publishing your website");
4444
return;
45-
}
45+
}
4646
//https://<github_user>.github.io/<repository-name>
4747
Console.success(`Your website has been deployed successfully here: https://${repository["owner"]}.github.io/${repository["name"]}/`);
48+
Console.info(`Changes on your deployed website take 10 min aprox to show, please be patient. Happy coding!`);
4849
});
4950
});

0 commit comments

Comments
 (0)