One dAIly Blog: Un blog diario generado por IA

Descripción

One dAIly Blog es una aplicación de blog desarrollada con Angular, diseñada para la publicación diaria de contenido generado por inteligencia artificial. La aplicación proporciona una interfaz moderna y responsiva, permitiendo a los usuarios acceder a insights diarios sobre tecnología y programación.

Tecnologías Utilizadas

• Angular: Framework para construir aplicaciones web dinámicas.
• Angular Material: Biblioteca de componentes UI que sigue las pautas de Material Design.
• TailwindCSS: Framework CSS para un diseño personalizado y responsivo.
• TypeScript: Lenguaje de programación que mejora JavaScript con tipado estático.

Estructura del Proyecto

La estructura del proyecto está organizada de la siguiente manera:

• src/: Contiene el código fuente de la aplicación.
  • app/: Contiene los componentes, servicios y módulos de la aplicación.
  • environments/: Contiene los archivos de configuración de entornos.
• public/: Contiene los archivos públicos que se servirán directamente.
  • assets/: Contiene los recursos estáticos como imágenes y estilos.
• dist/: Contiene los artefactos de construcción.

Instalación

Para instalar y ejecutar el proyecto, sigue estos pasos:

1. Clona el repositorio y cambia al directorio del proyecto:

   git clone https://github.com/sergiomarquezdev/one-daily-blog.git
   cd one-daily-blog

2. Instala las dependencias:

   bun install

Desarrollo

Para iniciar el servidor de desarrollo, ejecuta:

bun run start

Navega a http://localhost:4200/. La aplicación se recargará automáticamente si cambias alguno de los archivos fuente.

Construcción

Para construir el proyecto, utiliza el siguiente comando:

bun run build

Los artefactos de construcción se almacenarán en el directorio dist/.

Pruebas

Ejecuta las pruebas unitarias con:

ng test

Comandos Adicionales

• ng generate component component-name: Genera un nuevo componente.
• ng generate directive|pipe|service|class|guard|interface|enum|module: Genera otros artefactos de Angular.

Configuración

Tailwind CSS

La configuración de Tailwind CSS se encuentra en tailwind.config.js.

Angular

La configuración de Angular se encuentra en angular.json.

TypeScript

La configuración de TypeScript se encuentra en tsconfig.json.

Contacto

Para preguntas o sugerencias, por favor contacta a Sergio Márquez en [email protected].

Agradecimientos

• Angular CLI
• Angular Material
• Comunidad de TailwindCSS

Para más información sobre Angular CLI, por favor visita la página Angular CLI Overview and Command Reference.