Creación de una Red Social con Svelte y Git

¿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!