hackathon project at sgu

SGU-Hackathon-Projekt

Problemstellung – Kollaborative Projektmanagement-Tools für Remote-Teams

Verwendete Technologien

Dieses Projekt wird mit dem MERN -Stack erstellt:

• MongoDB : Eine NoSQL-Datenbank zum Speichern von Anwendungsdaten.
• Express.js : Ein Webanwendungsframework für Node.js.
• React : Eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen.
• Node.js : Eine JavaScript-Laufzeitumgebung, die JavaScript-Code außerhalb eines Webbrowsers ausführt.

Voraussetzungen

Stellen Sie vor dem Einrichten des Projekts sicher, dass die folgende Software auf Ihrem Computer installiert ist:

• Node.js (Version 14 oder höher wird empfohlen)
• npm (wird mit Node.js geliefert) oder Yarn

Erste Schritte

Führen Sie die folgenden Schritte aus, um das Projekt einzurichten und auszuführen.

1. Klonen Sie das Repository

Wenn Sie das Repository noch nicht geklont haben, können Sie dies mit dem folgenden Befehl tun:

git clone https://github.com/altamsh04/hackathon-project-at-sgu.git
cd hackathon-project-at-sgu

2. Abhängigkeiten installieren

Navigieren Sie zum Projektverzeichnis und installieren Sie die erforderlichen Abhängigkeiten mit npm oder Yarn:

 # Using npm
npm install

Dieser Befehl installiert alle erforderlichen Pakete, die in der Datei package.json aufgeführt sind.

3. Führen Sie den Entwicklungsserver aus

Um den Entwicklungsserver zu starten, verwenden Sie den folgenden Befehl:

 # Using npm
npm run dev

Projektstruktur

 hackathon-project-at-sgu/
├── public/                # Static assets like images and icons
├── server/                # Server backend
├── src/
│   ├── assets/            # Local image files, fonts, etc.
│   ├── components/        # Reusable React components
│   ├── pages/             # Page-level components or views
│   ├── App.jsx            # Main application component
│   ├── main.jsx           # Entry point for the React app
│   └── index.css          # Global styles
├── index.html             # Main HTML template
├── package.json           # Project dependencies and scripts
├── vite.config.js         # Vite configuration file
└── README.md              # Project documentation

Schlüsseldateien

• src/main.jsx : Dies ist der Einstiegspunkt für Ihre React-Anwendung.
• src/App.jsx : Die Stammkomponente, die das Hauptlayout der Anwendung enthält.
• vite.config.js : Konfigurationsdatei für Vite, in der Sie Build- und Entwicklungseinstellungen anpassen können.
• index.html : Die von Vite verwendete HTML-Vorlage zur Bereitstellung Ihrer React-Anwendung.

Mitarbeiter?

• @altamsh04
• @pradip5474
• @Shreyas-Patil-11
• @junnu01