E-commerce de Panaderías

Este es un sistema desarrollado con Angular para el frontend y Spring Boot (Java) para el backend. Permite a las empresas de panadería registrarse y gestionar sus productos, utilizando MySQL para la base de datos y Cloudinary para el almacenamiento de imágenes.💻

Características

• 💼: Registro de Empresas: Las empresas pueden registrarse en la plataforma proporcionando la información necesaria.

• 📦: Gestión de Productos: Cada empresa puede agregar, editar y eliminar sus productos, incluyendo detalles como nombre, descripción, precio, y también subir imágenes de sus productos.

• 🎨Interfaz Intuitiva: La interfaz de usuario está diseñada con Angular y Tailwind CSS, asegurando una experiencia de usuario atractiva y fácil de usar.

Consideraciones

• ⚠️⚠️Antes de comenzar, asegúrate de tener el backend de la aplicación en ejecución. Puedes encontrar el código fuente y las instrucciones de ejecución aquí⚠️⚠️.

• ⚠️⚠️Colocar la url del backend en el archivo environment.ts del proyecto en Angular⚠️⚠️.

Backend

• Código Fuente: Encuentra el código fuente del backend en GitHub.
• Instrucciones de Ejecución: Consulta las instrucciones detalladas sobre cómo ejecutar el backend en el archivo README del backend.

Tecnologias

• Angular: El frontend está construido con Angular, aprovechando su estructura modular y su rendimiento eficiente.

• Spring Boot (Java): El backend está desarrollado con Spring Boot en Java, proporcionando un entorno robusto para la lógica del servidor.

• MySQL: La base de datos MySQL se utiliza para almacenar información sobre empresas y productos.

• Cloudinary: Las imágenes de los productos se almacenan en Cloudinary, proporcionando una solución de almacenamiento en la nube eficiente y escalable.

• Tailwind CSS: Se utiliza Tailwind CSS para el diseño y la maquetación de la interfaz de usuario, permitiendo un estilo moderno y personalizable.

Lecciones Aprendidas

Esta fue mi primera experiencia trabajando con Angular, y al principio encontré dificultades para comprender cómo funcionan los componentes en Angular. El concepto de servicios, así como el manejo de observables y suscripciones, también fueron aspectos que me tomaron tiempo comprender.

A pesar de los desafíos iniciales, con el tiempo logré comprender mejor la estructura y el flujo de trabajo en Angular. Aunque aún me considero un principiante, estoy decidido a seguir mejorando y explorando más en el desarrollo con Angular. ¡Sigo con entusiasmo y ganas de aprender!

Screenshots

Instalación

Instala el proyecto con npm

npm install
ng serve