Creación de una Red Social con Svelte y Git

Clase 13 de 26Curso de Svelte

Resumen

¿Cómo crear una red social con Svelte?

La creación de una aplicación web puede parecer intimidante al inicio, pero utilizar las herramientas y metodologías adecuadas puede marcar una gran diferencia. En esta lección, aprenderás a crear "Pubstragram", una red social exclusiva para los PUks, haciendo uso de Svelte, un framework que permite desarrollar aplicaciones web de manera eficiente y fácil de entender.

¿Cómo inicializar tu proyecto?

El primer paso es determinar un punto de trabajo en tu computadora y, desde allí, podrás comenzar a construir la aplicación. Esto es posible a través de un terminal o línea de comandos, siguiendo estos pasos:

  1. Identifica tu ubicación actual en el sistema de archivos:

    pwd
    
  2. Dirígete al espacio de trabajo: Mueve tu terminal a la carpeta donde normalmente desarrollas tus proyectos. Un ejemplo podría ser una carpeta denominada platzi-courses.

  3. Crea un nuevo directorio para "Pubstragram":

    mkdir Pubstragram
    cd Pubstragram
    

¿Cómo configurar el control de versiones y el gestor de paquetes?

Configurar el control de versiones y el gestor de paquetes es crucial para garantizar que tu proyecto esté bien estructurado y sea escalable.

  1. Inicializar un repositorio de Git:

    git init
    

    Esto crea un repositorio local al que podrás subir cambios futuros a plataformas como GitHub o GitLab.

  2. Inicializar el gestor de paquetes npm:

    npm init
    

    Durante este proceso, se te pedirá que proporciones información sobre el proyecto, como su nombre, versión y descripción. Podrás presionar "Enter" para aceptar los valores predeterminados y usar la licencia MIT.

¿Cómo estructurar la arquitectura del proyecto?

Ya con tu proyecto inicializado, necesitas construir su arquitectura básica. Esto implica crear archivos y carpetas esenciales donde se alojará tu código.

  1. Abre tu editor de código favorito: Visual Studio Code es una elección popular debido a su flexibilidad y cantidad de extensiones a disposición. Puedes abrirlo con un comando corto, como code ., si tienes configurado el atajo.

  2. Crea la estructura básica de carpetas:

    • src/: Aquí vivirán todos los archivos de código fuente.
    • public/: Contendrá los archivos públicos que serán necesarios para producción.
    • Punto de entrada: Define el archivo principal desde donde se estructurará toda la aplicación.
  3. Ejemplo de cómo se ven estas carpetas en el sistema:

    Pubstragram/
    ├── src/
    ├── public/
    └── README.md
    

Con estos pasos establecidos, estás en la ruta correcta para desarrollar "Pubstragram", aprovechando la potencia de Svelte. Te animamos a explorar y experimentar más allá de los ejemplos básicos, personalizando tu aplicación según las necesidades de tus usuarios y proyectos personales. ¡Mantén la curiosidad y sigue aprendiendo!