/todoAppEnExpressReactJsMongoDbNpm

Esta es un TODO app hecha en MongoDb, Express y mongoose, ReactJs, Npm, Stack (MERN)

Primary LanguageJavaScript

Para este proyecto que ido haciendo de manera autodidacta para aprender estas tecnologías: -MongoDb -Express -ReactJs -Npm

Para este ejemplo me fue un poco mas dificil por no conecer a fondo javascript incluso sigo practicando sobre ello pero encontre algunas de las biografias que mas me sirvieron para poder hacer esta integracion y son las siguientes:

  • Full-Stack React Projects Learn MERN stack development by building modern web apps using MongoDB, Express, React, and Node.js, en sus ediciones 1 y 2nd Edition by Hoque Shama Hoque

  • Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node, en sus ediciones 1 y 2nd Edition por Vasan Subramanian

  • MERN Quick Start Guide: Build web applications with MongoDB, Express.js, React, and Node 1ro Edición, por Eddy Wilson Iriarte Koroliova

Vista previa

alt text

1.-Debemos tener en cuenta que debemos tener, instalado NodeJs y verificar que esta instalado con: node --version

2.-Debemos haber instaldo previamente mongodb, configurarla y para iniciarla con el comando

mongod

3.-Ingresar al directorio servidor, para instalar las librerias necesarias del back-end mediante:

npm install

4.-Para ejecutar el back-end usar:

node app2.js

Puerto de acceso del back-end: http://localhost:3001/

Puerto de acceso al api: http://localhost:3001/api/tareas/

5.-Ingresando a la directorio cliente, debemos instalar las dependencias del front-end mediante:

npm install

6.-Para ejecutar el front-end: npm start

Puerto de acceso del front-end: http://localhost:3000/

7.-si todo sale bien, podemos ver la siguiente pagina, donde podemos hacer las opraciones basicas DRUD:

-insertar
-eliminar
-actuliar 
-mostrar