bookstore

Buchladen

#? Inhaltsverzeichnis

• Über das Projekt
  • ? Gebaut mit
    • Tech Stack
    • Schlüsselmerkmale
  • Live -Demo
• Erste Schritte
  • Aufstellen
  • Voraussetzungen
  • Installieren
  • Verwendung
  • Tests ausführen
  • Einsatz
• Autoren
• ? Zukünftige Funktionen
• ? Beitragen
• ️ Zeigen Sie Ihre Unterstützung
• Anerkennung
• Lizenz

Buchladen

Book Store ist eine Web -App, die wir ein Buch entfernen, hinzufügen und löschen können. Ich habe React und JSX verwendet, um diese Web -App zu erstellen.

? Gebaut mit

• HTML,
• CSS,
• Java -Skript
• Git,
• Github
• Linter
• Webpack
• Reagieren

Tech Stack

Kunde

• HTML5
• CSS3
• JavaScript
• Reagieren

Server

• VS Code Live Servererweiterung

Live -Demo

Schauen Sie sich hier die Live -Demo dieses Projekts an.

Schlüsselmerkmale

• Linter für die Codequalität
• Responsives Design für verschiedene Bildschirmgrößen
• In diesem Projekt wird beste Codierungspraktiken verwendet.

Erste Schritte

Befolgen Sie diese Schritte, um eine lokale Kopie zum Laufen zu bringen.

1. Gehen Sie zu diesem URL -Link: https://github.com/najibullahjafari/Bookstore
2. Klonen Sie das Repo und beginnen Sie daran zu arbeiten.

Voraussetzungen

Um dieses Projekt auszuführen, benötigen Sie:

Google Chrome oder einen anderen Browser

  https://www.google.com/chrome/ ? brand=JJTC & gclid=CjwKCAjw9J2iBhBPEiwAErwpeSDcMFWiIQWj2u5GY6owZ7OaOHw7dYYCHW7uTR4kvYosNJYd4wt4VxoCiywQAvD_BwE & gclsrc=aw.ds

Github -Konto:

  https://github.com/

NPM installiert:

  https://nodejs.org/en/download

Git installiert:

  https://git-scm.com/downloads/

Aufstellen

Klonen Sie dieses Repository in Ihren gewünschten Ordner:

  cd my-folder
  git clone https://github.com/najibullahjafari/bookstore

Installieren

Bitte machen Sie die folgenden Schritte in dieser Bestellung :

1. Verwenden Sie npm run build , um alle Abhängigkeiten einzuführen.
2. Dann können Sie das Projekt mit dem Befehl npm start ausführen

Linter: Wenn Sie Probleme mit Lintern für react hatten, können Sie als Bellow installieren:

Eslint

1. Laufen

    npm install --save-dev [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] @babel/[email protected] @babel/[email protected]  @babel/[email protected]  @babel/[email protected] @babel/[email protected]
   

   Sie sind sich nicht sicher, wie Sie NPM verwenden? Lesen Sie das.
2. Kopieren Sie .esLintrc.json und .babelRC in das Stammverzeichnis Ihres Projekts.
3. Nehmen Sie keine Änderungen in Konfigurationsdateien vor - sie stellen Stilrichtlinien dar, die Sie mit Ihrem Team teilen - eine Gruppe aller Microverse -Schüler.
4. Führen Sie npx eslint "**/*.{js,jsx}" auf der Stammin Ihres Projekts aus.
5. Fixiererfehler beheben.
6. Wichtiger Hinweis : Erforschen Sie gerne automatische Optionen für Eslint, wenn Sie eine Flut von Fehlern erhalten, aber denken Sie daran, dass die manuelle Korrektur von Stilfehlern Ihnen dabei hilft, einen sauberen Code zu schreiben!

Stiftung

1. Laufen

    npm install --save-dev [email protected] [email protected] [email protected] [email protected]
   

   Sie sind sich nicht sicher, wie Sie NPM verwenden? Lesen Sie das.

2. Kopieren Sie .StyleLinTrc.json in das Stammverzeichnis Ihres Projekts.

3. Nehmen Sie keine Änderungen in Konfigurationsdateien vor - sie stellen Stilrichtlinien dar, die Sie mit Ihrem Team teilen - eine Gruppe aller Microverse -Schüler.

4. Führen Sie npx stylelint "**/*.{css,scss}" auf dem Wurzel Ihres Verzeichnisses Ihres Projekts aus.

5. Fixiererfehler beheben.

6. Wichtiger Hinweis : Erforschen Sie gerne automatische Optionen für Stylelint, wenn Sie eine Flut von Fehlern erhalten, aber denken Sie daran, dass die manuelle Korrektur von Stilfehlern Ihnen dabei hilft, einen sauberen Code zu schreiben!

Verwendung

Um das Projekt auszuführen, führen Sie den folgenden Befehl aus:

Öffnen Sie den Index.html in Ihrem Browser

Tests ausführen

Führen Sie den folgenden Befehl aus, um Tests auszuführen:

Um nach Stylingfehlern zu suchen:

  npx stylelint " **/*.{css,scss} "

Einsatz

Sie können dieses Projekt verwenden, indem Sie:

Ihr arbeitender Browser.

Autoren

? Najibullah Jafari

• Github: Najibullah_jafari
• Twitter: Najibullah_jafari
• LinkedIn: Najibullah_jafari

(zurück nach oben)

? Zukünftige Funktionen

• [Reaktionsschnelle Version]

? Beitragen

Beiträge, Probleme und Feature -Anfragen sind willkommen!

Überprüfen Sie die Seite mit der Ausgabe.

(zurück nach oben)

️ Zeigen Sie Ihre Unterstützung

Gefällt dir dieses Projekt? Warten Sie also nicht, um einen Stern zu geben!

(zurück nach oben)

Anerkennung

Ich möchte mich für dieses Projekt für die Mikroversequenz von Microverse bedanken. Die unschätzbare Lernerfahrung und -unterstützung waren maßgeblich an meinem Wachstum als Entwickler beteiligt. Meine Mentoren und Ausbilder verdienen besondere Dank für ihre Anleitung und Geduld. Der kollaborative Geist meiner Kommilitonen war eine ständige Quelle der Inspiration. Ich verlängere meine Wertschätzung auch für die Open-Source-Community für ihre Beiträge. Schließlich war die unerschütterliche Unterstützung meiner Familie und Freunde während dieser Reise eine treibende Kraft. Vielen Dank, Microverse, für diese unglaubliche Gelegenheit!

(zurück nach oben)

Lizenz

Dieses Projekt ist MIT lizenziert.

(zurück nach oben)