lopisai2 / reactjs-tecnica

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ReactJS Prueba Tecnica - Expresate

Aplicacion que se realiza con fines de demostración de habilidades en los lenguajes de JS con frameworks como React

Features

  • Creacion del Servidor con NodeJS y Express
  • Consumir APIs con Axios
  • Uso de MongoDB para almacenar los datos
  • Uso de Rutas y creacion de Contextos para manejar variables localmente

Instalacion

Instalar las dependecias del proyecto con los siguientes comandos una vez estando en la carpeta de github:

Clonar el proyecto

  git clone https://link-to-project

Ir al directorio donde esta ubicado el proyecto

  cd my-project

Instalar dependencias en el cliente

  cd client
  npm install 

Instalar dependencias en el servidor

  cd server
  npm install 

Iniciar el servidor tanto en el cliente como en el servidor con el siguiente comando

  npm run dev

Stack

Client: React, TailwindCSS

Server: Node, Express, MongoDB

Librerias de Nodejs utilizadas en el cliente

Libreria Descripcion
Taildwind CSS Tailwind CSS es un marco de diseño de código abierto que se centra en la creación de interfaces de usuario utilizando clases predefinidas.
React-hook-forms React Hook Form es una librería para la gestión de formularios en aplicaciones React mediante el uso de hooks.
Axios Axios es una librería de JavaScript para realizar solicitudes HTTP desde el navegador o desde Node.js
React-router-dom React Router DOM es una librería de enrutamiento para aplicaciones React que permite crear rutas y navegación en una aplicación de página única (SPA)
Js-cookie Js-cookie es una librería que proporciona una interfaz sencilla para trabajar con cookies en JavaScript
Dayjs Dayjs es una librería de manejo de fechas y horas en JavaScript que ofrece una alternativa ligera a bibliotecas como Moment.js.

Librerias de Nodejs utilizadas en el servidor

Libreria Descripcion
Express Express es un marco de aplicación web para Node.js que simplifica la creación de servidores web y el manejo de rutas, middleware y solicitudes HTTP
Bcryptjs Bcryptjs es una librería utilizada para el hashing de contraseñas en aplicaciones Node.js.
Cookie-parser Cookie-parser es una librería que facilita el manejo de cookies en aplicaciones Node.js. Permite analizar y enviar cookies entre el cliente y el servidor de manera sencilla.
CORS Cors (Cross-Origin Resource Sharing) es una librería que ayuda a controlar y configurar las políticas de intercambio de recursos entre diferentes dominios en aplicaciones web
JWT JSON Web Tokens es una técnica para transmitir información segura entre partes como un objeto JSON. Se utilizan comúnmente para autenticación y autorización en aplicaciones web.
Mongoose Mongoose es una librería de modelado de objetos para MongoDB y Node.js. Proporciona una capa de abstracción sobre las operaciones de base de datos.
Morgan Morgan es un middleware de registro para aplicaciones Express. Ayuda a registrar solicitudes HTTP en la consola del servidor.
Zod Zod es una librería de validación de esquemas y manejo de datos en TypeScript. Permite definir estructuras de datos seguras y realizar validaciones sobre ellos.

Screenshots

App Screenshot

FAQ

¿Funciona correctamente?

Si.

¿Se puede usar en cualquier proyecto?

No.

Documentation

Documentation

Authors

About


Languages

Language:JavaScript 79.2%Language:CSS 16.1%Language:HTML 4.6%