trello clone mern

Clone Trello avec Mern Stack!

Il s'agit d'une application construite avec Mern Stack, et vous pouvez accéder à la démo en direct ici et vous pouvez cliquer sur l'image suivante pour regarder la vidéo!

Cliquez sur l'image pour regarder la vidéo!

But

Mon but de développer ce projet est de montrer ce que je peux faire à la fois sur le frontend et le backend. Je voudrais également souligner que c'est mon premier projet en tant que Mern Stack.

Caractéristiques

• Design entièrement réactif comme Trello
• S'inscrire et se connecter
• Créez plusieurs planches, sélectionnez n'importe quel arrière-plan et ajoutez des membres
• Créer plusieurs listes
• Créer plusieurs cartes
• Faire glisser et déposer des listes ou des cartes
• Changer le titre et l'arrière-plan de la carte
• Ajouter la description de la carte
• Changer le titre des listes
• Ajouter la description, la couleur de la couverture, les membres, les étiquettes, la date de début, la date d'échéance, la liste de contrôle multiple et plusieurs pièces jointes
• Supprimer les planches, les listes ou les cartes
• Suivre tous les journaux d'activité des cartes et des planches
• Commentez les cartes ou les planches
• Titres de recherche ou de cartes

Technologies utilisées

Côté serveur	Côté client	Seul le développement
expressjs	composants coiffés	nomon
exprimé	reduxjs-toolkit
mangouste	react-beeauful-dnd
cors	matériau-UI
chemin	axios
dotenv	date-fns
JSONWEBToken	moment
bcryptjs	Atlaskit / CSS-Réinitialisation
	REACT-HOOK / MOUSE Position
	react-router
	Réagir des crochets

Comment courir?

• Télécharger Nodejs ici

• Pour la base de données, vous pouvez utiliser MongoDB local ou Mongo Atlas. Voir ici

• Clone le référentiel:

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

• Répertoire de modification:

  cd trello-clone-mern

• Ouvrez le deuxième terminal même emplacement:

  • Ubuntu: gnome-terminal
  • Windows: start

• Changer le répertoire du premier terminal et les packages d'installation:

  cd server

  npm install

• Créer un fichier .env dans le répertoire serveur comme .env.example et entrez les variables requises

• Démarrez le serveur:

  npm run start

• Commuter le deuxième terminal

• Changer le répertoire du deuxième terminal et les packages d'installation:

  cd client

  npm install

• Démarrez le client:

  npm run start