Random_Quote_Machine

Random_Quote_Machine

? Inhaltsverzeichnis

• ? Inhaltsverzeichnis
• Random_Quote_Machine
  • ? 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

Random_Quote_Machine

Tauchen Sie mit unserer Random Quote Machine in die Welt der Einsichten, Weisheiten und inspirierenden Gedanken ein. Auf Knopfdruck liefert Ihnen die App ein zufällig ausgewähltes Zitat aus einer riesigen Sammlung von Zitaten bekannter Autoren aus der ganzen Welt. Und wenn Ihnen ein Zitat wirklich gefällt, können Sie es sofort auf Twitter teilen! Ob zur Inspiration, zum Nachdenken oder einfach nur um ein gutes Date zu genießen, unsere Random Quote Machine ist hier, um Ihren Tag zu verschönern.

? 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/Random_Quote_Machine.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/quoteBox.js : Komponente für die quoteBox.
• /src/components/quoteBox.css : Stile für das Zitatfeld.
• /src/components/quoteButtons.js : Ordner für die Anführungszeichen-Schaltflächen.
• /src/components/navbar/quoteButtons.css : Stile für die Anführungszeichen-Schaltflächen.
• /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/quoteActions.js : Aktionen für die Angebotsverwaltung.
• /src/redux/reducers : Ordner für Redux-Reduzierer.
• /src/redux/reducers/quoteReducer.js : Reduzierer für die Angebotsverwaltung.
• /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/Random_Quote_Machine.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)