Course Management - Copy this React, Tailwind Component to your project

Crea frontend que me muestre los cursos basado en este backend: const Taller = require('../models/taller'); const db = require('../config/db'); const Taller = { getAll: (callback) => { const query = 'SELECT * FROM cursos'; db.query(query, (err, results) => { if (err) return callback(err); callback(null, results); }); }, create: (data, callback) => { const query = 'INSERT INTO cursos SET ?'; db.query(query, data, (err, result) => { if (err) return callback(err); callback(null, result.insertId); }); }, }; module.exports = Taller; // Obtener todos los talleres const getAllTaller = (req, res) => { Taller.getAll((err, talleres) => { if (err) { console.error('Error fetching courses:', err); return res.status(500).json({ error: 'Error fetching courses' }); } res.status(200).json(talleres); }); }; // Crear un nuevo taller const createTaller = (req, res) => { const newTaller = req.body; // Asegúrate de validar este objeto antes de insertarlo // Validar el objeto recibido if (!newTaller.nombre || !newTaller.descripcion) { return res.status(400).json({ error: 'Nombre y descripción son requeridos' }); } Taller.create(newTaller, (err, id) => { if (err) { console.error('Error creating course:', err); return res.status(500).json({ error: 'Error creating course' }); } res.status(201).json({ id }); }); }; // Exportar las funciones module.exports = { getAllTaller, createTaller, }; const express = require('express'); const router = express.Router(); const { getAllTaller, createTaller } = require('../controllers/tallerController'); // Ruta para obtener todos los talleres router.get('/talleres', getAllTaller); // Ruta para crear un nuevo taller router.post('/talleres', createTaller); module.exports = router;