Skip to content

Commit ed4d030

Browse files
alesanchezralesanchezr
authored
Initial commit
0 parents  commit ed4d030

File tree

21 files changed

+13753
-0
lines changed

21 files changed

+13753
-0
lines changed

‎.devcontainer/devcontainer.json‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
// For format details, see https://aka.ms/devcontainer.json. For config options, see the
2+
// README at: https://github.com/devcontainers/templates/tree/main/src/javascript-node
3+
{
4+
"name": "Node.js",
5+
// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
6+
"image": "mcr.microsoft.com/devcontainers/javascript-node:0-20",
7+
8+
// Features to add to the dev container. More info: https://containers.dev/features.
9+
// "features": {},
10+
11+
// Use 'forwardPorts' to make a list of ports inside the container available locally.
12+
"forwardPorts": [3000],
13+
14+
// Use 'postCreateCommand' to run commands after the container is created.
15+
"postCreateCommand": "npm install && node .devcontainer/welcome.js"
16+
17+
// Configure tool-specific properties.
18+
// "customizations": {},
19+
20+
// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
21+
// "remoteUser": "root"
22+
}

‎.devcontainer/welcome.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
console.log("Welcome!")

‎.github/settings.yml‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
repository:
2+
has_wiki: false
3+
4+
# Labels: define labels for Issues and Pull Requests
5+
labels:
6+
- name: "bug"
7+
color: c10000
8+
- name: ":nerd_face: 4geeks student"
9+
color: 7057ff
10+
- name: "enhancement"
11+
color: a2eeef
12+
- name: "first-timers-only"
13+
color: 69db89
14+
- name: "good first issue"
15+
color: 7057ff
16+
- name: "help wanted"
17+
color: 008672
18+
- name: ":star: P1"
19+
color: fbca04
20+
- name: ":star: P2"
21+
color: fbca04
22+
- name: ":memo: bc-writter"
23+
color: 98bde2
24+
- name: ":computer: bc-coder"
25+
color: 98bde2
26+
- name: ":beetle: bc-inspector"
27+
color: 98bde2

‎.gitignore‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?
25+
26+
# ignore all files starting with .
27+
.*
28+
29+
# track this file .gitignore (i.e. do NOT ignore it)
30+
!.gitignore
31+
!.gitpod.yml
32+
!.devcontainer
33+
!.github
34+
!.vscode
35+
php_errorlog
36+
.log
37+
38+
# track this file .gitignore (i.e. do NOT ignore it)
39+
!composer.json
40+
!webpack.config.js
41+
!package.json
42+
!webpack.production.js
43+
!webpack.development.js
44+
45+
# track readme.md in the root (i.e. do NOT ignore it)
46+
!README.md
47+
48+
# ignore OS generated files
49+
ehthumbs.db
50+
Thumbs.db
51+
52+
# ignore Editor files
53+
*.sublime-project
54+
*.sublime-workspace
55+
*.komodoproject
56+
57+
# ignore log files and databases
58+
*.log
59+
*.sql
60+
*.sqlite
61+
62+
# ignore compiled files
63+
*.com
64+
*.class
65+
*.dll
66+
*.exe
67+
*.o
68+
*.so
69+
70+
# ignore packaged files
71+
*.7z
72+
*.dmg
73+
*.gz
74+
*.iso
75+
*.jar
76+
*.rar
77+
*.tar
78+
*.zip
79+
80+
# ignore node/grunt dependency directories
81+
node_modules/
82+
83+
# ignore the dist directory were our bundle files are going to be
84+
public/*
85+
!public/index.html
86+
87+
dist/*
88+
!dist/index.html
89+
90+
!.gitkeep
91+
!.htaccess
92+
!.eslintrc
93+
.now

‎.gitpod.yml‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
ports:
2+
- port: 8080
3+
onOpen: open-preview
4+
visibility: public
5+
6+
tasks:
7+
- before: nvm install 16
8+
init: npm install
9+
command: npm run start
10+
11+
12+
vscode:
13+
extensions:
14+
- esbenp.prettier-vscode

‎.htaccess‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<IfModule mod_rewrite.c>
2+
3+
RewriteEngine On
4+
RewriteBase /
5+
RewriteRule ^index\.html$ - [L]
6+
RewriteCond %{REQUEST_FILENAME} !-f
7+
RewriteCond %{REQUEST_FILENAME} !-d
8+
RewriteCond %{REQUEST_FILENAME} !-l
9+
RewriteRule . /index.html [L]
10+
11+
</IfModule>

‎.vscode/settings.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"editor.formatOnSave": true,
3+
"editor.defaultFormatter": "esbenp.prettier-vscode",
4+
"workbench.editorAssociations": {
5+
"*.md": "vscode.markdown.preview.editor"
6+
}
7+
}

‎4geeks.ico‎

19.3 KB
Binary file not shown.

‎README.es.md‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
# Hello World con la platilla de React
2+
3+
Comienza a codificar una aplicación con React.
4+
5+
> Si estás trabajando localmente en lugar de usar Codespaces o Gitpod, por favor sigue los [pasos de instalación local](#instalación-local-sáltalo-si-estás-trabajando-en-codespaces-o-gitpod) y regresa a esta parte del README.
6+
7+
## ¿Cómo comenzar a codificar?
8+
9+
- Instala los paquetes con `$ npm install`.
10+
- Ejecuta el servidor de webpack con `$ npm run start`.
11+
12+
Puedes actualizar los archivos `styles/index.css` o `js/index.js` dependiendo de tus necesidades.
13+
Agrega más archivos en las carpetas `./src/js/components` o `styles` según los necesites.
14+
15+
## Instalación local (sáltalo si estás trabajando en Codespaces o Gitpod)
16+
17+
Descarga el boilerplate usando Git:
18+
19+
```bash
20+
$ git clone https://github.com/4GeeksAcademy/react-hello.git
21+
$ cd react-hello
22+
```
23+
## ¡Publica tu sitio web!
24+
25+
Este boilerplate es 100% compatible con los servicios de alojamiento gratuitos [GitHub Pages](https://pages.github.com/) y [Vercel](https://vercel.com/).
26+
27+
Solo toma 2 minutos desplegarlo, [haz clic aquí para comenzar el proceso](https://github.com/4GeeksAcademy/react-hello/blob/master/docs/DEPLOY.md).
28+
29+
## Otras características
30+
31+
- **Formateo automático de código**: Uso de [Prettier](https://prettier.io/) para la indentación y formateo automático del código.
32+
- **Reporte de errores**: Uso de [ESLint](https://eslint.org/) para un mejor reporte de errores.
33+
34+
## Contribuidores
35+
36+
Esta plantilla fue creada como parte del [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) de 4Geeks Academy por [Alejandro Sánchez](https://twitter.com/alesanchezr) y otros contribuyentes.
37+
Descubre más sobre nuestro [Curso de Desarrollo Full Stack](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer) y [Bootcamp de Ciencia de Datos](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning).
38+
39+

‎README.md‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
# Hello World with React boilerplate
2+
3+
Start coding a react application
4+
5+
> 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.
6+
7+
## How to start coding?
8+
9+
- Install the packages with `$ npm install`.
10+
- Run the webpack server with `$ npm run start`
11+
12+
You can update the `styles/index.css` or `js/index.js` depending on your needs.
13+
Add more files into your, `./src/js/components` or styles folder as you need them.
14+
15+
## Local Installation (skip if you are working on codespaces or gitpod)
16+
17+
Download the boilerplate using git
18+
19+
```
20+
$ git clone https://github.com/4GeeksAcademy/react-hello.git
21+
$ cd react-hello
22+
```
23+
24+
## Publish your website!
25+
26+
This boilerplate is 100% compatible with the free [github pages](https://pages.github.com/) and [vercel](https://vercel.com/) hosting.
27+
28+
It takes just 2 minutes to deploy, [click here to start the process](https://github.com/4GeeksAcademy/react-hello/blob/master/docs/DEPLOY.md).
29+
30+
## Other features
31+
32+
- Automatic Code Formatting: Use of [Prettier](https://prettier.io/) for automatic code indentation and formatting.
33+
- Error reporting: Use of [eslint](https://eslint.org/) for better error reporting.
34+
35+
### Contributors
36+
37+
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).
38+
39+
You can find other templates and resources like this at the [school github page](https://github.com/4geeksacademy/).

0 commit comments

Comments
 (0)