Discover infodp/spa Open Source project by Informática DP (@infodp)

Proyecto web que implementa un dashboard desarrollado con Bootstrap, implementando un Login y CRUD con PHP.

login_dashboard_crud

CRUD con Laravel 8 y Bootstrap 5

laravel8crud

login1_nodejs

Login_JWT_MySQL

Laravel 8 + Vue + Bootstrap 5.1 + SPA + CRUD

Laravel_Vue_SPA_CRUD

laravel8logindashcrud

API con Laravel 9 y front-end con React. Operaciones de CRUD.

API_Laravel_9_REACT

API CRUD con Next JS 13 - App Router y MongoDB Atlas

nextJs13_API_CRUD_MongoDB

CRUD con Node js + bootstrap + mysql

crud_nodejs

Cómo usar Fetch para conectar una API y mostrar datos con json

fetch_API_mostrar

CRUD con laravel 8, livewire y jetstream

crud_laravel8_livewire

App CRUD con React + Firebase + Firestore + Bootstrap + Sweet Alert 2 + FontAwesome

react_firebase_app_CRUD

Aplicación del clima desarrollada con vanilla javascript, html y css

app_clima

Desarrollamos un buscador con React 18, aprendemos a utilizar un filtrado sobre datos traídos desde una API utilizando fetch.

react_search_hooks

React MUI DataTable como mostrar datos consumiendo desde una API con Axios

react_mui_datatable_axios

Laravel 10 - Usuarios, roles, permisos, CRUD y dashboard con Open-Admin

laravel_open-admin-full

Implementamos un dashboard, usando adminBro, mongoose y express.

adminpanel_nodejs_mongodb

Utilizamos la librería react hook form para aprender el uso básico y de validaciones.

react-hook-forms

Aplicación para mostrar cotizaciones de criptomonedas usando React + Hooks + Axios

react_crypto

MySQL + Express + React + Node. Además, Axios, Sequelize, Bootstrap, fontawesome. Back y front-end.

fullstack_node_react

CRUD con NODE JS con datatables, sweet alert 2 y font awesome

crud_nodejs_datatables

Ejemplo de modo dark, con el toggle para cambiar a light/dark/auto. Más info en: https://youtu.be/kXseId9gayk

dark_mode_bootstrap_5.3

Laravel 10 + Tablar 3.0 + Login, Dashboard y CRUD. Más info en: https://youtu.be/JbAtwtCN8PI

laravel_tablar

CRUD con Laravel 8 utilizando imágenes

laravel8_crud_image

En este proyecto utilizamos react-router, react-bootstrap para realizar una barra de navegación SPA.

react_router_v6_navbar

FullStack MEAN - MongoDB Express Angular Node

fullstack_mean

API CRUD con Next JS - App router

nextjs_api_crud

CRUD - Vue JS - Vuetify - Node JS - Express - MySQL

crud_vue_vuetify

Validación de formularios desarrollada con vanilla javascript, html y css

form_validation_vanilla_js

apinodejs

Api Restful con NodeJS

Gráficos con react y la librería reacharts. Más info en: https://youtu.be/xl5XZsOTvzY

react_charts

Modo dark, usando la API Context. Además creamos componentes y usamos el context API navegando con react router v6.

react_dark_mode_context_api

Laravel 10 y Fillament 3 - CRUD One-To-Many

laravel-filament

App para ver el clima ingresando el nombre de la ciudad. Utilizando Openweathermap e iconos animados.

react_weather_app

API para Autenticación desarrollada con Laravel 8 y Sanctum

api_auth_sanctum

Proyecto para aprender a utilizar privilegios (roles y permisos) con CRUDBooster

roles_y_permisos_crudbooster

API con Node y Express para el curso CRUD con Javascript y fetch

api_para_crud_js

API Rest para operaciones de CRUD con Laravel 9 y MongoDB.

laravel9_mongoDB_API_CRUD

Bootcamp con Laravel: utilizamos Laravel 9, React, Breeze, Inertia, MySQL y TailwindCSS. Relación uno a muchos, envío de emails y mucho más.

laravel_inertia_react_bootcamp

Next Js 13 + MySQL - API CRUD con Prisma.

nextjs_mysql_api_crud

Next Js 13 - FullStack - Back y Frontend- MongoDB Atlas. Más info en: https://youtu.be/O2R047kxMKE

next13_fullstack

Búsqueda instantánea desde un input, utilizando expresiones regulares. Los datos son consumidos desde una API, utilizando fetch.

busqueda_vanilla_js

API REST utilizando JSON SERVER. Archivo Json de ejemplo. Más info en https://youtu.be/i2vXpoAn_Uc

json-server-api-rest

appSPA_API_NodeJs

Vue

express-validator

Uso de express-validator con Bootstrap 5

Angular 15 - Cómo utilizar input y output con ejemplos simples y didácticos. Más info en: https://youtu.be/nQg-jFqerLM

angular_input_output

API REST con JWT desarrollada con LARAVEL 8

apirest_auth_jwt_laravel8

Uso de vanilla js con fetch. Cómo consumir API de movies. HTML + CSS + JS

spiderman_api_movies_vanillajs

API REST PARA CRUD CON LARAVEL 8

apirest_crud_laravel8

React Query con router y tailwindCSS. Mostrar todos los registros y mostrar por ID. Más info en: https://youtu.be/VHnniL-FLoc

react_query_router

CRUD utilizando php, ajax y datatables

crud2020ajax

API Rest CRUD con PRISMA + Node + Express + MySQL

apirest_prisma_express

React DataTable como mostrar datos consumiendo desde una API con Fetch

react_dt_fetch_API

Implementamos el infinite scroll en una aplicación con html, css y javascript. Más info en: https://youtu.be/MIwRnSvzaTo

scroll-infinito-javascript

App SPA con Routing con Angular 13 y Navbar de Bootstrap.

angular_router_navbar

Creación de un dashboard con React y la librería tremor

dashboard_react_tremor

MongoDB + Express + React + Node. Además, Axios, Mongoose, Bootstrap, fontawesome. Back y front-end.

mern_fullstack

CRUD con MongoDB + Node Js + Express + Bootstrap 5 utlizando MVC

crud_mongodb

REST API for User Authentication developed with Laravel 9 and Sanctum

laravel9-api-auth

Laravel 9 - API para operaciones de CRUD con relación uno a muchos (one to many)

api_crud_one_to_many_laravel9

Gráficos con AMCHARTS consumiendo de API Rest con PHP. https://youtu.be/aJ6cWshplJU

apirest_php_amcharts

API con Node JS y Express para mostrar BD de usuarios MySQL

apinodejs_users

Validación de formularios del lado del cliente con bootstrap 5

form_validation_bootstrap5

CRUD con Angular 13 + Firebase + Bootstrap + Font-awesome

angular_firebase_crud

Utilizamos select2 con MySQL - Laravel 8 - livewire y jetstream

select2_laravel8

React DataTable uso básico.

react_dt_basico

Mostrar notificaciones y mensajes con el paquete react-toastify. Más info en: https://youtu.be/CNc-cdJxkl4

react-toastify

CRUD con Vue.JS, PHP, PDO, MySQL y Bootstrap. Toda la info en: https://youtube.com/playlist?list=PLrAw40DbN0l3z1GxLo80bwtWEl4HBu0Eo

crud_vue_php_mysql

CRUD con LARAVEL 8 + INERTIA + JETSTREAM

crud_laravel8_inertia

Vue

laravel_socialite_facebookl

Laravel 8 + Jetstream + Socialite + Facebook

Template para Login con temas dark y light con bootstrap 5.3.2. Más info en: https://youtu.be/ABTjlGbwTfU

bootstrap_login_dark_theme

Laravel 10 y el paquete Folio - MySQL. Más info en:

laravel_folio

Laravel 10 - Fachada DB y sus métodos. Consultas personalizadas SQL. Más info en: https://youtu.be/nYOhs0FF6Yg

WebApiPerson

API RESTFul con .NET 8

laravel_database_1

REACT CRUD con context y reducer. Bootstrap y font-awesome.

react_crud_context_y_reducer

Operaciones de CRUD con PRISMA - ORM - Node - JavaScript + MySQL

prisma_orm_crud_base