`) y subiendo el código a tu nuevo repositorio usando los comandos `add`, `commit` y `push` desde la terminal de git.
-## 💡 Pista
+## 💡 Pistas
-- Recuerda que el primer evento en el ciclo de vida de un sitio web es [onLoad (su código comienza a ejecutarse allí)](https://www.w3schools.com/jsref/event_onload.asp), debe generar un número aleatorio entre 1 y 4 para elegir un palo y otro número aleatorio entre 0 y 12 para elegir un número de tarjeta.
+- Recuerda que el primer evento en el ciclo de vida de un sitio web es [onLoad (tu código comienza a ejecutarse allí)](https://www.w3schools.com/jsref/event_onload.asp), debes generar un número aleatorio entre 1 y 4 para elegir un palo y otro número aleatorio entre 0 y 12 para elegir un número de carta.
-- Crea una clase general **.card** que aplique los estilos generales a cada carta, y una clase CSS adicional para cada palo/pinta: .spade, .club, .heart & .diamond.
+- Crea una clase general `.card` que aplique los estilos comunes a cada carta, y una clase CSS adicional para cada palo: `.spade`, `.club`, `.heart` & `.diamond`.
-- Aplica la clase .card a toda la división, pero solo aplica una de las clases de la pinta/palo a la vez, dependiendo de la pinta/palo que desees aplicar. Por ejemplo, un 3 de corazones tendrá esta declaración HTML:
+- Aplica la clase `.card` a todo el div, pero solo aplica una de las clases del palo de la carta a la vez, dependiendo del palo que desees aplicar. Por ejemplo, un 3 de corazones tendrá esta declaración HTML:
```html
-
+
```
-- Copia y pega estos emojis dentro te tu codigo para los simbolos: ♦ ♥ ♠ ♣
+- Copia y pega estos íconos dentro de tu código para los símbolos: ♦ ♥ ♠ ♣
-### 😎 ¿Te sientes seguro?
+## 😎 ¿Te sientes seguro?
-¡Los siguientes requeriemientos no son necesarios para completar satisfactoriamente el proyecto pero puedes intentar retarte a ti mismo!
+¡Los siguientes requerimientos no son necesarios para completar satisfactoriamente el proyecto, pero puedes intentar retarte a ti mismo!
`+1` Agrega un botón que genere una nueva carta cuando sea apretado.
-`+1` Agrega un timer que genere una nueva carta automaticamente cada 10 segundos.
+`+1` Agrega un temporizador que genere una nueva carta automáticamente cada 10 segundos.
-`+1` Permítele al usuario especificar el width y height de la carta utilizando text-inputs.
+`+1` Permítele al usuario especificar el *width* y *height* de la carta utilizando text-inputs.
-Este y otros proyectos son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Curso de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning).
\ No newline at end of file
+Este y otros proyectos son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Cursos de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning).
diff --git a/README.md b/README.md
index 96bb1061..9df2c6c7 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
-# Random Card Dealer in Javascript, HTML and CSS
+# Random Card Dealer in JavaScript, HTML and CSS
@@ -8,19 +8,19 @@
In this project, you will learn how to change your website styles during the runtime using [VanillaJS](https://stackoverflow.com/questions/20435653/what-is-vanillajs) (plain normal js).
-# 📝 Instructions
+## 📝 Instructions
Create an algorithm that randomly builds a card on every refresh:
-1. Every time the website refreshes a new random card needs to show.
+1. Every time the website refreshes, a new random card needs to show.
-2. The card must have one of the possible suits: Hearts, Spades, Clubs and Diamonds.
+2. The card must have one of the possible suits: Hearts, Spades, Clubs, or Diamonds.
-3. The card value must be one of the following: 2 to 10, King, Queen, Jack or Ace, (no joker).
+3. The card value must be one of the following: 2 to 10, King, Queen, Jack or Ace (no joker).
In the end, the project needs to look similar to [this demo](https://github.com/breatheco-de/exercise-random-card/blob/master/preview.gif?raw=true).
-## 🌱 How to start this project
+## 🌱 How to start this project
Do not clone this repository because we are going to be using a different template.
@@ -28,25 +28,25 @@ We recommend opening the `vanilla.js boilerplate` using a provisioning tool like
This is the repository you need to open or clone:
-```
+```text
https://github.com/4GeeksAcademy/vanillajs-hello.git
```
**👉 Please follow these steps on** [how to start a coding project](https://4geeks.com/lesson/how-to-start-a-project).
-💡 Important: Remember to save and upload your code to GitHub by creating a new repository, updating the remote (`git remote set-url origin `), and uploading the code to your new repository using the `add`, `commit` and `push` commands from the git terminal.
+> 💡 Important: Remember to save and upload your code to GitHub by creating a new repository, updating the remote (`git remote set-url origin `), and uploading the code to your new repository using the `add`, `commit` and `push` commands from the git terminal.
## 💡 Hints
- Remember that the first event of a website lifecycle is [onLoad (your code starts running there)](https://www.w3schools.com/jsref/event_onload.asp). You should generate a random number between 1 and 4 to pick a suit and another random number between 0 and 12 to pick a card number.
-- Create a general **.card** class that applies the general styles to each card, and one additional CSS class for each suit: .spade, .club, .heart & .diamond.
+- Create a general `.card` class that applies the common styles to each card, and one additional CSS class for each suit: `.spade`, `.club`, `.heart` & `.diamond`.
-- Apply the .card class to the entire div, but only apply one of the suit classes at a time, depending on what suit you want to apply. For example, a 3 of Hearts will have this HTML declaration:
+- Apply the `.card` class to the entire div, but only apply one of the suit classes at a time, depending on what suit you want to apply. For example, a 3 of hearts will have this HTML declaration:
```html
-
+
```
- You can grab the icons from here (copy and paste into your code): ♦ ♥ ♠ ♣
