this is currently a university project. it's an open source platform (similar to research gate), where people can write and share their research papers.
To make the website dynamic, I use htmx (htmx mentioned), and for the design, I rely on TailwindCSS with the daisyUI plugin. This combination allowed my team and me to create a user-friendly, aesthetically pleasing website, without relying on JavaScript, and with both style and dynamic interaction handled seamlessly.
Stellen Sie sicher, dass die folgenden Softwarekomponenten auf Ihrem System installiert sind:
- Node.js (Version 14 oder höher)
- npm (Node Package Manager)
-
Klonen Sie das Repository:
git clone https://github.com/mur1chan/frontend.git
-
Navigieren Sie in das Projektverzeichnis:
cd frontend
-
Installieren Sie die Abhängigkeiten:
npm install
Starten Sie die Entwicklungsumgebung mit:
npm start
Die Anwendung wird unter http://localhost:3000
gestartet und Änderungen im Quellcode werden automatisch neu geladen.
Um eine Produktionsversion der Anwendung zu erstellen, führen Sie aus:
npm run build
Die optimierten Dateien befinden sich im Verzeichnis build
.
Die Projektstruktur ist wie folgt organisiert:
frontend/
├── src/
│ ├── components/ # Wiederverwendbare React-Komponenten
│ ├── pages/ # Seitenkomponenten für verschiedene Routen
│ ├── services/ # API-Service-Dateien für die Backend-Kommunikation
│ ├── styles/ # CSS-Dateien und Tailwind-Konfiguration
│ ├── App.js # Haupteinstiegspunkt der React-Anwendung
│ └── index.js # Einstiegsdatei für React
├── public/ # Statische Dateien
├── package.json # Projektmetadaten und Abhängigkeiten
├── README.md # Projektdokumentation
└── .gitignore # Dateien und Verzeichnisse, die von Git ignoriert werden
Die folgenden Haupttechnologien und -bibliotheken werden in diesem Projekt verwendet:
- React: Eine JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen
- Tailwind CSS: Ein CSS-Framework für die Erstellung von responsiven Designs
- Axios: Eine Bibliothek für HTTP-Anfragen
- Webpack: Ein Modul-Bundler für JavaScript-Dateien
- Abdul C (Projektleiter)
- Sevde K
- Dennis B
- Angel A
Dieses Projekt ist unter der MIT-Lizenz lizenziert. Weitere Informationen finden Sie in der LICENSE
-Datei.