React_Redux_Calculator

React_Redux_Calculator

? Inhaltsverzeichnis

• ? Inhaltsverzeichnis
• Markdown_Previewer
  • ? Gebaut mit
    • Tech-Stack
    • Hauptmerkmale
  • Live-Demo
  • Erste Schritte
    • Projektstruktur
    • Aufstellen
    • Installieren
    • Verwendung
    • Führen Sie Tests durch
  • Autoren
  • ? Zukünftige Funktionen
  • ? Mitwirken
  • ️ Zeigen Sie Ihre Unterstützung
  • Danksagungen
  • Lizenz

React_Redux_Calculator

Bei dieser Anwendung handelt es sich um einen Webrechner, der in JavaScript unter Verwendung der React- und Redux-Technologien entwickelt wurde. Damit können Sie grundlegende mathematische Operationen einfach und effizient durchführen. Diese App ist vom JavaScript-Rechner von FreeCodeCamp inspiriert und bietet Ihnen die Möglichkeit, Ihre Webentwicklungsfähigkeiten bei der Erstellung eines funktionierenden Rechners einzusetzen.

? Gebaut mit

Tech-Stack

React-Redux

• Dieses Projekt verwendet React

HTML

• Dieses Projekt verwendet HTML.

CSS

• Das CSS wird verwendet, um das Design auf der gesamten Seite bereitzustellen.

Linters

• Die Linters sind Werkzeuge, die uns helfen, die Fehler im Code zu überprüfen und zu beheben
Dieses Projekt umfasst zwei Linters:
• CSS
• JavaScript

Hauptmerkmale

• SPA
• CRA
• Stile
• Router
• Geloggt
• Toolkit
• React-Redux
• Jest & React-Testbibliothek
• Einsatz

(zurück nach oben)

Live-Demo

Eine Demo können Sie hier sehen.

(zurück nach oben)

Erste Schritte

Führen Sie die folgenden Schritte aus, um eine lokale Kopie zum Laufen zu bringen. Für dieses Projekt müssen Node.js und npm auf Ihrem Computer installiert sein.

-Node.js -npm

-Klonen Sie dieses Repository auf Ihren lokalen Computer mit:

Git-Klon https://github.com/ClaudiaRojasSoto/React_Redux_Calculator.git

-Navigieren Sie zum Projektordner:

cd math_magicians

-Installieren Sie die Projektabhängigkeiten:

npm installieren

Führen Sie den folgenden Befehl aus, um den Entwicklungsserver zu starten:

npm-Start

Projektstruktur

Das Projekt folgt der folgenden Ordner- und Dateistruktur:

• /src : Enthält die Quelldateien der Anwendung.
• /src/index.js : Haupteinstiegspunkt der JavaScript-Anwendung.
• /src/App.js : Komponente der obersten Ebene der Anwendung, in der Komponenten gerendert werden.
• /src/components : Verzeichnis für React-Komponenten.
• /src/components/Calculator.js : Komponente für den Rechner
• /src/redux : Verzeichnis für die Redux-Verwaltung.
• /src/redux/store.js : Redux-Store-Konfiguration.
• /src/redux/actions : Ordner für Redux-Aktionen.
• /src/redux/actions/calculatorActions.js : Aktionen für die Rechnerverwaltung.
• /src/redux/reducers : Ordner für Redux-Reduzierer.
• /src/redux/reducers/calculatorReducer.js : Reduzierer für die Rechnerverwaltung.
• /public : Enthält die öffentlichen Dateien und Assets der Anwendung.
• /public/index.html : Basis-HTML-Datei der Anwendung.
• /build : Enthält die generierten Produktionsdateien.

Aufstellen

Klonen Sie dieses Repository in den gewünschten Ordner: https://github.com/ClaudiaRojasSoto/React_Redux_Calculator.git

Installieren

Installieren Sie dieses Projekt mit: install Stylelint und ESLint

Verwendung

Um das Projekt auszuführen, führen Sie den folgenden Befehl aus: Sie benötigen lediglich einen Webbrowser

Führen Sie Tests durch

Um Tests auszuführen, führen Sie den folgenden Befehl aus: npm start Sie benötigen lediglich einen einfachen Webbrowser, um dieses Projekt für einen Test auszuführen

Autoren

? Claudia Rojas

• GitHub: @githubhandle
• LinkedIn: LinkedIn
• AngelList: AngelList

(zurück nach oben)

? Zukünftige Funktionen

• Benutzerschlüssel – Anmeldung

(zurück nach oben)

? Mitwirken

Beiträge, Probleme und Funktionswünsche sind willkommen!

Schauen Sie sich gerne die Seite „Probleme“ an.

(zurück nach oben)

️ Zeigen Sie Ihre Unterstützung

Wenn Ihnen dieses Projekt gefällt, zeigen Sie Ihre Unterstützung, indem Sie diesem Konto folgen

(zurück nach oben)

Danksagungen

• Microverse für die Möglichkeit, Git und GitHub in einer kollaborativen Umgebung zu erlernen.

• GitHub-Dokumente für die Bereitstellung umfangreicher Informationen zu Git und GitHub.

(zurück nach oben)

Lizenz

Dieses Projekt ist MIT.

(zurück nach oben)