This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Video guia

2024-02-29.00-23-58.mp4

Pasos

Primero creamos el backend con sus controollers usando curl realizamos distintas pruuebas de conexion
En el frontend empezamos creando una pagina de inicio posteriormmente la crreacion de notas, eliminacion y modificacion

Para correr el programa primeramente debemoos instalar los paquuetes realizando un npm i y autoamaticamente se deberian descargar en segundo, del lado del servidor habra un script que indica la cadena de conexion a mysql de manera local habra que correr primera el de la base de datos luego dirigimos los services al puerto del backend y por ultimo en ambos casos podemos ejecutar npm run dev para ejecutar las aplicaciones

Herramientas

Express
Crear proyecto npm i -y
Instalar Express: npm i express para manejar las conexiones a la bd
instalar mysql2: npm i mysql2 para hacer las conexiones a la bd
para ejecutar: npm i nodemon para correr la carpeta
Para permitir conexiones: npm i cors
instalar axios: npm i axios para consumir el api
para el disenio usamos boostrap npm install bootstrap