Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/muzafferkocak/my-stock
https://github.com/muzafferkocak/my-stock
html-css-javascript mui-material react-dom react-router reactjs recharts-js redux toast-notifications
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/muzafferkocak/my-stock
- Owner: MuzafferKocak
- Created: 2024-10-26T20:11:26.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-23T17:41:41.000Z (about 1 month ago)
- Last Synced: 2024-11-23T18:27:43.155Z (about 1 month ago)
- Topics: html-css-javascript, mui-material, react-dom, react-router, reactjs, recharts-js, redux, toast-notifications
- Language: JavaScript
- Homepage: https://my-stock-flame.vercel.app
- Size: 4.22 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
My Stock - Bestandsverwaltungs-App
My Stock ist eine Anwendung zur Verwaltung von Beständen, mit der Benutzer ihre Produkte einfach verwalten können. Diese App enthält grundlegende Funktionen wie Verkaufs-, Einkaufs-, Produkt-, Marken- und Firmendatenverwaltung. Benutzer können sich anmelden, ein Konto erstellen, ihre Produkte hinzufügen und bearbeiten sowie den Bestand überwachen.
### Funktionen
- **Benutzerkontoverwaltung**: Benutzer können ein Konto erstellen, sich anmelden und ihre Kontoinformationen verwalten.
- **Bestandsverwaltung**: Produkte können hinzugefügt, bearbeitet und gelöscht werden. Detaillierte Produktinformationen werden gespeichert.
- **Verkaufs- und Einkaufsüberwachung**: Benutzer können Verkaufs- und Kauftransaktionen überwachen.
- **Marken- und Firmenverwaltung**: Produkte können mit Marken und Firmen verknüpft werden.### Technologien
- **Frontend**: React, Material UI, Formik & Yup (Formularvalidierung), React Router (Routing).### Installation und Start
#### Notwendige Anforderungen
Um das Projekt auf deinem Rechner auszuführen, folge diesen Schritten:1. **Repository klonen**
```bash
git clone https://github.com/MuzafferKocak/stock-app.git
2.**Abhängigkeiten installieren**
Öffne das Terminal und installiere die benötigten Abhängigkeiten für das Frontend:
npm install3.**App starten**
Starte die App im Entwicklungsmodus:
npm start
Die Anwendung wird unter http://localhost:3000 verfügbar sein.4. **Umgebungsvariablen**
Für die richtige Funktion der App musst du möglicherweise einige Umgebungsvariablen definieren.
Erstelle eine .env-Datei und füge die folgenden Beispiele hinzu:
REACT_APP_API_URL=### Benutzeroberfläche
Login: Benutzer melden sich mit ihrer E-Mail und ihrem Passwort an.
Register: Neue Benutzer können ein Konto erstellen, indem sie ihre E-Mail-Adresse, ein Passwort und einen Benutzernamen angeben.
Dashboard: Benutzer können ihre Bestände und wichtige Informationen auf der Hauptseite einsehen.
Produktverwaltung: Benutzer können Produkte hinzufügen, bearbeiten und löschen.
Verkäufe und Käufe: Benutzer können ihre Verkaufs- und Kauftransaktionen verwalten.### Mitwirken
Wenn du zur Entwicklung der App beitragen möchtest, folge diesen Schritten:1. **Forke das Repository.
2. **Erstelle einen neuen Branch:
git checkout -b feature/deine-funktion
3. **Nimm deine Änderungen vor und committe sie:
git commit -am 'Neue Funktion hinzufügen'
4. **Pushe deinen Branch:
git push origin feature/deine-funktion
5. **Öffne einen Pull Request.![my-stock2024-11-23](https://github.com/user-attachments/assets/aa10016a-3781-4a06-914f-10a4132796ed)