Booksy frontend Download - Booksy frontend -Quellcode herunterladen

Booksy frontend

Anderer Quellcode

Herunterladen

Booksy – Online-Buchladen

Willkommen bei Booksy, Ihrem bevorzugten Online-Buchladen, der mit dem MERN-Stack erstellt wurde und dessen Benutzerauthentifizierung von Clerk und Zahlungen von Stripe abgewickelt wird. Booksy bietet eine umfangreiche Sammlung von Büchern verschiedener Genres und bietet Buchliebhabern eine intuitive Plattform zum Entdecken und Auswählen , und kaufen Sie ganz einfach ihre Lieblingslektüre. Egal, ob Sie sich für Belletristik, Sachbücher, Lehrmaterialien oder seltene Fundstücke interessieren, Booksy ist darauf ausgelegt, Ihren Lesevorlieben gerecht zu werden.

Merkmale

Durchsuchen und suchen : Navigieren Sie durch unsere umfangreiche Bibliothek oder nutzen Sie die Suchfunktion, um ganz einfach bestimmte Bücher zu finden.
Buchdetails : Greifen Sie auf detaillierte Informationen zu Büchern zu, einschließlich Zusammenfassungen, Angaben zum Autor und Preisen.
Benutzerauthentifizierung : Registrieren Sie sich sicher und melden Sie sich mit der Clerk-Benutzerauthentifizierung an, um ein personalisiertes und sicheres Einkaufserlebnis zu erhalten.
Benutzerprofile : Verwalten Sie Ihr Profil, sehen Sie sich personalisierte Empfehlungen an und behalten Sie den Überblick über Ihre Lesepräferenzen.
Warenkorb : Fügen Sie Bücher zu Ihrem Warenkorb hinzu, passen Sie die Mengen an oder entfernen Sie Artikel nach Bedarf, bevor Sie zur Kasse gehen.
Sicherer Checkout : Schließen Sie Ihre Einkäufe sicher mit integrierten Zahlungsoptionen ab, einschließlich Stripe für sichere Transaktionen.
Bestellverlauf : Sehen Sie sich Ihre vergangenen Bestellungen an und verfolgen Sie den Status Ihrer aktuellen Einkäufe.
Favoriten : Speichern Sie Bücher in Ihrer Favoritenliste für einen einfachen Zugriff oder einen späteren Kauf.
Responsive Design : Genießen Sie dank unseres Responsive Designs ein nahtloses Einkaufserlebnis auf allen Geräten.

Tech-Stack

Frontend: React.js für eine dynamische und reaktionsfähige Benutzeroberfläche. Backend: Node.js und Express.js für robuste serverseitige Logik und API-Endpunkte. Datenbank: MongoDB für flexible und skalierbare Datenspeicherung. Zahlungsabwicklung: Stripe-Integration für sichere und effiziente Zahlungstransaktionen. Styling: CSS- und Responsive-Design-Prinzipien für ein ausgefeiltes und anpassungsfähiges Benutzererlebnis.

Autoren: (Team)

Demetrius Vissarion – https://github.com/demetriusvissarion Thomas Mazzag – https://github.com/TomMazzag Ilhan Abdalle – https://github.com/Illy-hans Jehoshua – https://github.com/AVJehoshua Fawaz Tarar – https://github.com/Fawaztarar

Trello

https://trello.com/b/qv2hfgk4/ecommerce-final-project

Excalidraw

https://excalidraw.com/#room=a5e0e468c208d0365181,Nr2s0OMVmuSbWFPOP75-5A

Miro

API-Dokumente

Erste Schritte

Um das Booksy-Projekt lokal einzurichten, gehen Sie folgendermaßen vor:

Voraussetzungen

Node.js MongoDB

Installation

Backend-Setup

Klonen Sie das Backend-Repository:

Git-Klon https://github.com/AVJehoshua/Booksy-backend.git

Klonen Sie das Repository oder laden Sie den Quellcode herunter:

Frontend-Setup

Klonen Sie das Backend-Repository:

Git-Klon https://github.com/TomMazzag/Booksy-frontend.git

Navigieren Sie zum Projektverzeichnis:

cd Booksy-Frontend

npm installieren
Abhängigkeiten installieren
Starten Sie den React-Entwicklungsserver:

Installieren Sie die erforderlichen Abhängigkeiten für das Backend:

cd Booksy-backend

Starten Sie den Backend-Server:
npm-Start
Die Anwendung sollte jetzt auf http://localhost:3000 ausgeführt werden.

Starten Sie den Backend-Server:

Konfiguration

Umgebungsvariablen Richten Sie die erforderlichen Umgebungsvariablen in .env-Dateien im Backend-Verzeichnis und .env.local im Frontend ein

MONGO_URI: Verbindungszeichenfolge für Ihre MongoDB-Datenbank. STRIPE_SECRET_KEY: Geheimer Schlüssel für die Stripe-Zahlungsintegration. Stripe-Integration Stellen Sie sicher, dass Sie Ihr Stripe-Konto eingerichtet und die erforderlichen API-Schlüssel für die Zahlungsabwicklung erhalten haben.

Verwendung

Erkunden Sie den Buchladen, registrieren Sie sich oder melden Sie sich an, legen Sie Bücher in Ihren Warenkorb und gehen Sie zur Kasse. Genießen Sie ein nahtloses Bucheinkaufserlebnis bequem von zu Hause aus.

Mitwirken

Beiträge sind willkommen! Wenn Sie einen Beitrag leisten möchten, forken Sie bitte das Repository und erstellen Sie eine Pull-Anfrage mit Ihren Funktionen oder Korrekturen.