Skip to content

CodeAIJourney/code-ai-journey-frontend

Repository files navigation

THE PROJECT

❓ ¿Qué es?

Vamos a trabajar sobre un proyecto en común, este proyecto es Open Source y es para efectos educativos / emprendimientos. Para comenzar a programar no se requieren conocimientos previos, es muy importante la practica, vamos a aprender a programar software en la marcha. El mundo Tech es muy amplio y existen muchos campos a los cuales dedicarse, la programación es solo una fracción de todo lo que comprende un proyecto de software.

Vamos a empezar, es muy sencillo, al inicio hay que seguir los siguientes pasos, luego vamos profundizando en cada uno:

⚡ Quick start

1. Install GIT

GIT es un sistema de control de versiones de código abierto y gratuito que se utiliza para rastrear los cambios en los archivos y directorios de un proyecto.

  • Para instalar GIT en nuestro sistema ingresamos a: https://git-scm.com/downloads
  • En la página web que acabamos de ingresar vamos a descargar el ejecutable (para Windows): (paso 1) Alt text (paso 2) Alt text (paso 3) recomiendo ejecutar como administrador* Alt text (paso 4) siguiente, siguiente..., instalar Alt text

¡Listo! Nuestro sistema tiene GIT

  • Podemos comprobar la instalación, con los siguientes pasos:
    • Abrir CMD (Consola de comandos): presionamos la tecla WINDOWS y buscamos "CMD", click para abrir la consola. Alt text
    • Se va a abrir una ventana, esa ventana contiene una consola de comandos, dentro de la consola podemos escribir, para asegurarnos de que GIT quedo instalado, escribimos "git -v" y presionamos enter. Alt text
    • Van a observar que la consola imprime "git version 2.41.0.windows.3", eso significa que tenemos instalado GIT en su versión 2

2. CLONAR CÓDIGO FUENTE CON GIT:

Vamos a comenzar a trabajar con GIT, primero que todo registrarnos en GITHUB https://github.com/signup

Una vez registrados en GITHUB, por fa síganme en mi de GITHUB https://github.com/CodeAIJourney Alt text Thanks... <3

GITHUB se va a convertir en su portafolio digital, como desarrolladores o cualquier otra profesión del mundo tech...

Vamos a CLONAR REPOSITORIO:

  • Abrir CMD (Consola de comandos) y ejecutar los siguientes comandos:
    git clone https://github.com/CodeAIJourney/code-ai-journey-frontend.git
    Alt text
  • Listo, ya tenemos nuestro primer proyecto de software descargado en nuestra computadora, puedes buscar la carpeta donde quedo descargado: Alt text Podemos copiar la carpeta del proyecto donde lo necesitemos*

Vamos a comenzar instalando Visual Studio Code

  • Para instalar VSC en nuestro sistema ingresamos a: https://visualstudio.microsoft.com/es/vs/community/
  • En la página web que acabamos de ingresar vamos a descargar el ejecutable (para Windows): (paso 1) Alt text (paso 2) recomiendo ejecutar como administrador* Alt text (paso 3) siguiente, siguiente..., instalar Alt text (paso 4) Una vez instalado, podemos iniciar el programa. Alt text ¡Listo! Nuestro sistema tiene VSC instalado.

Vamos a comenzar instalando Visual Studio Code

  • Para instalar VSC en nuestro sistema ingresamos a: https://visualstudio.microsoft.com/es/vs/community/
  • En la página web que acabamos de ingresar vamos a descargar el ejecutable (para Windows): (paso 1) Alt text (paso 2) recomiendo ejecutar como administrador* Alt text (paso 3) siguiente, siguiente..., instalar Alt text (paso 4) Una vez instalado, podemos iniciar el programa. Alt text ¡Listo! Nuestro sistema tiene VSC instalado.

El siguiente paso es instalar Node JS

  • Para instalar Node JS en nuestro sistema ingresamos a: https://nodejs.org/en/download/current
  • En la página web que acabamos de ingresar vamos a descargar el ejecutable (para Windows): (paso 1) Alt text (paso 2) Alt text (paso 3) siguiente, siguiente..., instalar Alt text (paso 4) Una vez instalado, podemos probar nuestra instalación ejecutando el siguiente comando en nuestro CMD
    node -v
    Alt text ¡Listo! nuestro sistema tiene Node JS en su versión 18 instalado.

4. CORRER EL PROYECTO LOCALMENTE

Abrir la carpeta del proyecto en VSC: Alt text

En VSC click derecho en el menu lateral y click en Abrir en terminal (CMD): Alt text

Se va a abrir un terminal en la ruta del proyecto, vamos a ejecutar dentro del terminal el primer comando:

npm install

Alt text

Una vez terminado, nuestro proyecto ya cuenta con las dependencias necesarias para correr el proyecto localmente, para correr el proyecto ejecutamos:

npm run start

Alt text

Se va a abrir una nueva pestaña en tú navegados con el proyecto ejecutando en local: Alt text

SI LLEGASTE HASTA ESTE PUNTO, ¡Felicidades!

Ahora podemos comenzar a programar.

Continuará...

About

Config files for my GitHub profile.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •