An open API service indexing awesome lists of open source software.

https://github.com/rodriiandino/vivero-irupe-admin-backend

Backend y panel administrativo desarrollado para gestionar un vivero online, permitiendo la administración eficiente de productos, imágenes y usuarios.
https://github.com/rodriiandino/vivero-irupe-admin-backend

cache cloudflare java nextjs r2 spring-boot tailwind tanstack-query typescript

Last synced: 3 months ago
JSON representation

Backend y panel administrativo desarrollado para gestionar un vivero online, permitiendo la administración eficiente de productos, imágenes y usuarios.

Awesome Lists containing this project

README

        

# 🌿 Vivero Irupe - Backend y Panel Administrativo

Backend y panel administrativo desarrollado para gestionar un vivero online, permitiendo la administración eficiente de productos, imágenes y usuarios. Este sistema combina un backend robusto construido con Spring Boot y un panel administrativo diseñado con React y Next.js.

🌐 **Visita la página del vivero:** [Vivero Irupe](https://viveroirupe.com/)

![452_2x_shots_so](https://github.com/user-attachments/assets/b00e0861-12dd-45b0-8875-2289208a50db)

---

## 🛠️ Tecnologías utilizadas

### Backend
- ![Spring Boot](https://img.shields.io/badge/Spring%20Boot-6DB33F?style=for-the-badge&logo=springboot&logoColor=white) **Spring Boot** con **Java** y **PostgreSQL**.
- ![Spring Security](https://img.shields.io/badge/Spring%20Security-6DB33F?style=for-the-badge&logo=spring&logoColor=white) **Spring Security** con autenticación JWT.
- ![Caffeine Cache](https://img.shields.io/badge/Caffeine-0073E6?style=for-the-badge) **Caffeine Cache** para optimización.
- ![Swagger](https://img.shields.io/badge/Swagger-85EA2D?style=for-the-badge&logo=swagger&logoColor=black) **Swagger** para documentación.
- ![PostgreSQL](https://img.shields.io/badge/PostgreSQL-4169E1?style=for-the-badge&logo=postgresql&logoColor=white) **PostgreSQL** para gestión de datos.
- ![Cloudflare](https://img.shields.io/badge/Cloudflare-F38020?style=for-the-badge&logo=cloudflare&logoColor=white) **Cloudflare R2** para almacenamiento de imágenes.
- ![Flyway](https://img.shields.io/badge/Flyway-FF5430?style=for-the-badge&logo=flyway&logoColor=white) **Flyway** para migraciones de base de datos.
- ![Lombok](https://img.shields.io/badge/Lombok-CA0C07?style=for-the-badge&logo=lombok&logoColor=white) **Lombok** para simplificar el código.

### Frontend (Panel Administrativo)
- ![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black) **React**.
- ![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=next.js&logoColor=white) **Next.js** para SSR y optimización.
- ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white) **TypeScript** para tipado seguro.
- ![TailwindCSS](https://img.shields.io/badge/TailwindCSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white) **TailwindCSS** para diseño rápido y personalizable.
- ![TanStack Query](https://img.shields.io/badge/TanStack%20Query-FF4154?style=for-the-badge&logo=reactquery&logoColor=white) **TanStack Query** para gestión de datos en tiempo real.
- ![ShadCN](https://img.shields.io/badge/ShadCN-000000?style=for-the-badge) **ShadCN** para componentes de interfaz modernos.

---

## ✨ Funcionalidades principales

### Backend
- 🔒 **Autenticación segura** mediante **JWT** almacenados en cookies.
- ⚡ **Optimización de consultas** con **Caffeine Cache**.
- 🛡️ **Rate Limit** para proteger endpoints críticos.

### Panel Administrativo
- 🛍️ **Gestión de productos**: creación, filtrado, edición y eliminación.
- 🎨 **Propiedades avanzadas de productos**: tamaño, color, variantes, entre otros.
- 📸 **Gestión de imágenes**: almacenamiento y cambio de imágenes en **Cloudflare R2**.
- 👥 **Gestión de usuarios**: creación de cuentas, registros de actividad y monitoreo de inicio de sesión.

---

## 🔒 Seguridad y rendimiento

- 🛡️ **Protección de rutas** con Middleware en **Next.js**.
- 🔐 **Spring Security** para autenticación y autorización.
- ⚡ **Optimización de caché y consultas** con **TanStack Query**.

---

## 🎯 Objetivos del proyecto

- Desarrollar un sistema seguro y eficiente para gestionar productos y usuarios.
- Crear un panel administrativo intuitivo y fácil de usar.
- Optimizar el rendimiento mediante tecnologías modernas de backend y frontend.

---

## 📦 Despliegue

### Backend
El backend no está disponible públicamente por motivos de seguridad.

### Frontend (Panel Administrativo)
El panel administrativo está integrado con el backend pero no es accesible públicamente.

🌐 **Visita la página del vivero:** [Vivero Irupe](https://viveroirupe.com/)

---

## 🖼️ Capturas de pantalla

![930_2x_shots_so](https://github.com/user-attachments/assets/c8b61dbc-1054-4993-94e0-cd65f8077f33)

![419_2x_shots_so](https://github.com/user-attachments/assets/f8fc946f-dc7d-4b95-9e29-d3ca515521f8)

![626_2x_shots_so](https://github.com/user-attachments/assets/9c354d61-8d50-4b7f-bfc1-190f2f0b1b78)

---

## 🚀 Cómo fue desarrollado

1. **Backend**: Implementación en **Spring Boot** con **PostgreSQL**, integrando autenticación segura con **JWT** y optimización de consultas con **Caffeine Cache**.
2. **Panel Administrativo**: Diseñado con **React** y **Next.js**, ofreciendo una experiencia de usuario moderna.
3. **Integración con Cloudflare R2**: Para el almacenamiento seguro de imágenes.
4. **Documentación con Swagger**: Manteniendo la API clara y accesible.

---

## 📂 Repositorio del código

El repositorio con el código completo del backend y panel administrativo está disponible de manera privada. Este repositorio es solo una vista previa pública del proyecto.

### Repositorio público:
[https://github.com/Rodriiandino/vivero-irupe-admin-backend](https://github.com/Rodriiandino/vivero-irupe-admin-backend)

---

¡Gracias por visitar este proyecto! 🌱