https://github.com/4geeksacademy/hchocobar-03-react-hello
https://github.com/4geeksacademy/hchocobar-03-react-hello
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/4geeksacademy/hchocobar-03-react-hello
- Owner: 4GeeksAcademy
- Created: 2023-08-29T16:33:40.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-31T21:02:25.000Z (over 1 year ago)
- Last Synced: 2025-03-30T10:51:15.525Z (about 1 year ago)
- Language: JavaScript
- Size: 4.47 MB
- Stars: 12
- Watchers: 1
- Forks: 5
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Hello World with React boilerplate
Start coding a react application
> If you are working locally instead of using codespaces or gitpod, please follow [local installation steps](#local-installation-skip-if-you-are-working-on-codespaces-or-gitpod) and come back to this part of the readme.
## How to start coding?
- Install the packages with `$ npm install`.
- Run the webpack server with `$ npm run start`
You can update the `styles/index.css` or `js/index.js` depending on your needs.
Add more files into your, `./src/js/components` or styles folder as you need them.
## Local Installation (skip if you are working on codespaces or gitpod)
Download the boilerplate using git
```
$ git clone https://github.com/4GeeksAcademy/react-hello.git
$ cd react-hello
```
## Publish your website!
This boilerplate is 100% compatible with the free [github pages](https://pages.github.com/) and [vercel](https://vercel.com/) hosting.
It takes just 2 minutes to deploy, [click here to start the process](https://github.com/4GeeksAcademy/react-hello/blob/master/docs/DEPLOY.md).
## Other features
- Automatic Code Formatting: Use of [Prettier](https://prettier.io/) for automatic code indentation and formatting.
- Error reporting: Use of [eslint](https://eslint.org/) for better error reporting.
- Hot Deploy: Use of [Webpack Development Server](https://webpack.js.org/configuration/dev-server/) for hot deploy and live reload.
- One-command publish of the code to github pages with `npm run deploy:github`.
- Babel 7 (really fast).
### Contributors
This template was built as part of the 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) by [Alejandro Sanchez](https://twitter.com/alesanchezr) and many other contributors. Find out more about our [Full Stack Developer Course](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer), and [Data Science Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning).
You can find other templates and resources like this at the [school github page](https://github.com/4geeksacademy/).