trello clone mern

Trello -Klon mit Mern Stack!

Dies ist eine App, die mit Mern Stack erstellt wurde, und Sie können hier auf die Live -Demo zugreifen und Sie können auf das folgende Bild klicken, um Videos anzusehen!

Klicken Sie auf das Bild, um Video anzusehen!

Zweck

Mein Zweck, dieses Projekt zu entwickeln, ist es, zu zeigen, was ich sowohl am Frontend als auch im Backend tun kann. Ich möchte auch darauf hinweisen, dass es mein erstes Projekt als Mern Stack ist.

Merkmale

• Volles reaktionsschnelles Design wie Trello
• Registrieren und anmelden
• Erstellen Sie mehrere Boards, wählen Sie Hintergrund und fügen Sie Mitglieder hinzu
• Erstellen Sie mehrere Listen
• Erstellen Sie mehrere Karten
• Drag & Drop -Listen oder Karten
• Ändern Sie den Titel und den Hintergrund des Boards
• Beschreibung für Board hinzufügen
• Ändern Sie den Titel der Listen
• Beschreibung hinzufügen, Farbe, Mitglieder, Beschriftungen, Startdatum, Fälligkeitsdatum, Mehrfachcheckliste und mehrere Anhänge abdecken
• Löschen Sie Boards, Listen oder Karten
• Verfolgen Sie alle Aktivitätsprotokolle von Karten und Boards
• Kommentar zu Karten oder Boards
• Suchscheiben oder Kartentitel

Gebrauchte Technologien

Serverseite	Kundenseite	Nur Entwicklung
Expressjs	Stilkomponenten	Nodemon
expresslos	Reduxjs-toolkit
Mungo	React-beautiful-dnd
CORS	Material-UI
Weg	Axios
dotenv	Date-Fns
JSONWEBTOKE	Moment
Bcryptjs	Atlaskit/CSS-Reset
	React-Hook/Maussposition
	React-Router
	reagieren Haken

Wie renne ich?

• Laden Sie hier NodeJs herunter

• Für Datenbank können Sie lokale MongoDB- oder Mongo Atlas verwenden. Siehe hier

• Klonen Sie das Repository:

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

• Verzeichnis ändern:

  cd trello-clone-mern

• Öffnen Sie den gleichen Standort des zweiten Terminals:

  • Ubuntu: gnome-terminal
  • Windows: start

• Ändern Sie das Verzeichnis des ersten Terminals und installieren Sie Pakete:

  cd server

  npm install

• Erstellen Sie .EnV -Datei im Serververzeichnis wie .env.example und geben Sie die erforderlichen Variablen ein

• Starten Sie den Server:

  npm run start

• Schalten Sie den zweiten Terminal ein

• Ändern Sie das Verzeichnis des zweiten Terminals und installieren Sie Pakete:

  cd client

  npm install

• Starten Sie den Kunden:

  npm run start