megamart ecommerce

Megamart E-Commerce-Website

Willkommen auf meiner React Redux -E -Commerce -Website! Dieses Projekt ist eine E-Commerce-Lösung in voller Stapel, die mit React, Redux, Redux-Toolkit und verschiedenen anderen Technologien erstellt wurde. Egal, ob Sie ein Entwickler sind, der einen Beitrag leisten möchte, ein Geschäftsinhaber, das an meiner Plattform interessiert ist, oder nur ein neugieriger Benutzer, dieser Readme führt Sie durch die wesentlichen Details meines Projekts.

Inhaltsverzeichnis

• Merkmale
• Technologien verwendet
• Installation
• Verwendung
• Beitragen
• Lizenz

Merkmale

Meine React Redux Megamart -E -Commerce -Website Funktionen:

• Produktkatalog: Durchsuchen und suchen Sie nach Produkten in verschiedenen Kategorien.
• Benutzerauthentifizierung: Registrieren, Anmelden und Verwalten Ihres Benutzerprofils.
• Einkaufswagen: Hinzufügen und Entfernen von Artikeln aus Ihrem Warenkorb, aktualisieren Sie Mengen und fahren Sie mit dem Checkout fort.
• Auftragsmanagement: Zeigen und Verwalten Sie Ihre Bestellhistorie.
• Admin -Panel: Eine Admin -Schnittstelle zum Verwalten von Produkten, Kategorien und Bestellungen.
• Responsives Design: Eine mobilfreundliche Benutzeroberfläche für ein nahtloses Einkaufserlebnis auf allen Geräten.
• Zahlungsintegration: Sicherheitsabwicklung zur Ausführungsbestellungen.

Technologien verwendet

• React: Eine beliebte JavaScript -Bibliothek zum Erstellen von Benutzeroberflächen.
• Redux: Eine staatliche Verwaltungsbibliothek für vorhersehbare Anwendungsstatus.
• React Router: Zur Bearbeitung der Navigation innerhalb der Anwendung. Dieser React-Router, den ich verwendet (React-Router-DOM) V6.
• Node.js: Eine JavaScript-Laufzeit zum Erstellen der Serverseite der Anwendung.
• Express.js: Ein Webanwendungs ​​-Framework zum Erstellen von erholsamen APIs.
• Mongoose: Mongoose ist eine ODM -Bibliothek (Object Data Modeling) für MongoDB.
• Stripe: Integration der Zahlungsverarbeitung für sichere Transaktionen.
• Tailwindcss: Zum Styling der Benutzeroberfläche.

Installation

Befolgen Sie die folgenden Schritte, um mit meiner React Redux -E -Commerce -Website zu beginnen:

1. Klonen Sie dieses Repository mit Git in Ihre lokale Maschine.

   git clone https://github.com/sksabbirhossain/megamart-ecommerce.git

2. Wechsel zum Projektverzeichnis.

    cd megamart-ecommerce

3. Installieren Sie Serverabhängigkeiten. (Empfohlene Verwendung von Garn)

   yarn install

   Oder,

   npm install

4. Erstellen Sie eine .env -Datei oder umbenennen Sie .env.dev in .env und fügen Sie Ihre eigene Konfiguration basierend auf der bereitgestellten .env.dev -Datei hinzu.

5. Starten Sie den Entwicklungsserver mit diesem Befehl.

   yarn start

   Oder

   npm start

6. Greifen Sie in Ihrem Webbrowser unter http://localhost:3000 auf die Anwendung zu.

Verwendung

• Besuchen Sie die bereitgestellte Website oder führen Sie den Entwicklungsserver (wie in den Installationsanweisungen beschrieben) für den Zugriff auf die Anwendung aus.
• Registrieren Sie ein Konto oder melden Sie sich an, um mit dem Einkaufen zu beginnen.
• Entdecken Sie den Produktkatalog, fügen Sie Artikel in Ihren Warenkorb und erfüllen Sie Bestellungen.

Wenn Sie ein Administrator sind, greifen Sie auf das Administratorfeld zu, um Produkte, Kategorien und Bestellungen zu verwalten.

1. Gehen Sie zu dieser URL und melden Sie sich als Administrator an

   http://localhost:3000/admin

2. Melden Sie sich Ihr Administratorkonto mit diesen Informationen an.

   email: [email protected]
   password: 1111

Wenn Sie sich als Administrator erfolgreich anmelden, können Sie alles verwalten.

Beitragen

Wenn Sie Vorschläge zur Verbesserung dieser Website haben, stellen Sie bitte ein Problem vor, um Ihre Ideen zu teilen und Ihre Pull -Anfrage zu erstellen.

Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert. Fühlen Sie sich frei, es gemäß den Bedingungen der Lizenz zu verwenden, zu ändern und zu verteilen.

Genießen Sie Ihr Einkaufserlebnis mit meiner Megamart E-Commerce-Website! Wenn Sie Fragen haben oder auf Probleme stoßen, erstellen Sie bitte ein Problem oder kontaktieren Sie mich.

Server -Seitencode ist da.

    https://github.com/sksabbirhossain/megamart-ecommerce-server.git