trello clone mern

Trello Clon con Mern Stack!

Esta es una aplicación construida con Mern Stack, y puede acceder a la demostración en vivo aquí y puede hacer clic en la siguiente imagen para ver el video.

¡Haga clic en la imagen para ver el video!

Objetivo

Mi propósito de desarrollar este proyecto es mostrar lo que puedo hacer tanto en la interfaz como en el backend. También me gustaría señalar que es mi primer proyecto como Mern Stack.

Características

• Diseño totalmente receptivo como Trello
• Regístrese e inicie sesión
• Crear múltiples tableros, seleccionar cualquier fondo y agregar miembros
• Crear múltiples listas
• Crear múltiples tarjetas
• Arrastrar y soltar listas o tarjetas
• Cambiar el título y los antecedentes de la junta
• Agregar descripción para el tablero
• Cambiar el título de las listas
• Agregar descripción, color de cobertura, miembros, etiquetas, fecha de inicio, fecha de vencimiento, múltiples listas de verificación y accesorios múltiples
• Eliminar tableros, listas o tarjetas
• Rastree todos los registros de actividad de tarjetas y tableros
• Comenta en tarjetas o tableros
• Tableros de búsqueda o títulos de tarjetas

Tecnologías utilizadas

Lado del servidor	Lado del cliente	Solo desarrollo
Expressjs	componentes con estilo	nodemon
Expreso	reduxjs-toolkit
mangosta	reaccionar-Beautiful-Dnd
CORS	material-ui
camino	axios
dotenv	fechor
JSONWBTOWED	momento
bcryptjs	Atlaskit/CSS-RESET
	reaccionar/posponer el ratón
	enrutador react
	Reaccionamiento de ganchos

¿Cómo correr?

• Descargar NodeJS aquí

• Para la base de datos, puede usar MongoDB local o Mongo Atlas. Ver aquí

• Clon el repositorio:

  git clone https://github.com/umurdogann/trello-clone-mern

• Directorio de cambio:

  cd trello-clone-mern

• Abra el segundo terminal la misma ubicación:

  • Ubuntu: gnome-terminal
  • Windows: start

• Cambiar directorio de los paquetes de primera terminal e instalar:

  cd server

  npm install

• Crear archivo .env en directorio de servidor como .env.example e ingrese las variables requeridas

• Inicie el servidor:

  npm run start

• Cambiar el segundo terminal

• Cambiar directorio de los paquetes de la segunda terminal e instalar:

  cd client

  npm install

• Inicie el cliente:

  npm run start