Recipen Download – Download Recipen -Quellcodes

Recipen

Andere Kategorien

1.0.0

Herunterladen

Rezept

Beschreibung :

Willkommen bei Recipen – einer Rezept-Website für Food-Enthusiasten, auf der sie ihre kulinarischen Erlebnisse entdecken, kreieren und teilen können. Gönnen Sie sich eine von der Community betriebene Plattform, auf der Food-Enthusiasten ihre beliebten Rezepte und fesselnden Food-Blogs teilen. Abonnieren Sie die Pro-Version, um Ihre eigenen Rezepte zu teilen und eine Welt voller Geschmack, Kultur und Kreativität zu erschließen.

Link:

Live-Site: https://recipen.vercel.app/

Verwendete Werkzeuge und Technologien:

Vernetzen Sie sich mit mir:

Merkmale :

Authentifizierung: Benutzer können sicher Konten erstellen und sich anmelden, um auf personalisierte Funktionen und Inhalte zuzugreifen.
Zugriffs- und Aktualisierungstoken: Implementierter Zugriffs- und Aktualisierungstokenmechanismus für erhöhte Sicherheit bei der Benutzerauthentifizierung.
Persistenz des Authentifizierungsstatus: Der Benutzerauthentifizierungsstatus wird jetzt sitzungsübergreifend beibehalten und sorgt so für ein nahtloses Benutzererlebnis.
Speichern von Tokens in Cookies: Tokens werden in sicheren Cookies gespeichert, um einen besseren Schutz vor Cross-Site-Scripting-Angriffen (XSS) zu gewährleisten.
Rezepte: Entdecken Sie eine reichhaltige Sammlung authentischer Rezepte, die von der Community beigesteuert wurden und ein breites Spektrum an Küchen und Geschmacksrichtungen abdecken.
Food-Blogs: Beteiligen Sie sich an aufschlussreichen und kreativen Food-Blogs, die von Enthusiasten verfasst wurden und wertvolle Einblicke und Kochinspiration bieten.
Stripe-Zahlungsintegration: Nahtlose Integration von Stripe für eine sichere Zahlungsabwicklung, die das Benutzererlebnis bei Transaktionen verbessert.
Abonnement mit einmaliger Zahlung: Bieten Sie Benutzern die Möglichkeit, ein Abonnement mit einer einmaligen Zahlung abzuschließen und so exklusive Funktionen und Vorteile freizuschalten.
Pro-Benutzerzugriff: Pro-Benutzer genießen das Privileg, Rezepte und Blogs hinzuzufügen und zu löschen und so eine dynamische und ansprechende Plattform zu schaffen.
Admin-Dashboard: Administratoren haben Zugriff auf ein Dashboard zum Verwalten von Benutzern, Rezepten und Blogs
Benutzerprofil: Jeder Benutzer verfügt über ein personalisiertes Profil, in dem er seine Informationen verwalten kann.
Kontaktseite: Eine spezielle Seite, auf der Benutzer Fragen, Bedenken oder Feedback äußern und so die Kommunikation fördern können.
Chatbot: Ein Chatbot, der den Betreuern des Projekts persönliche Unterstützung bietet.
Lieblingsrezepte speichern und speichern: Benutzer können ihre eigene Sammlung von Lieblingsrezepten zusammenstellen, um einfach darauf zuzugreifen und Kochinspirationen zu erhalten.
Rezepte bewerten und kommentieren: Registrierte Benutzer können Bewertungen und Kommentare zu Rezepten abgeben und so die Community-Interaktion verbessern.
Kommentieren Sie Blogs: Beteiligen Sie sich an Diskussionen, indem Sie Kommentare in den Food-Blogs hinterlassen und Gedanken und Ideen austauschen.
Rezept auf Social Media teilen: Benutzer können ihre Lieblingsrezepte mühelos auf verschiedenen Social-Media-Plattformen teilen.

Zurück nach oben

Schritte zum Ausführen des Projekts auf Ihrem lokalen Computer

Forken Sie dieses Repository
Öffnen Sie das Terminal oder die Eingabeaufforderung auf Ihrem lokalen Computer. Führen Sie den folgenden Befehl aus, um das Repository zu klonen:

 git clone https://github.com/your-username/your-repo.git

Ersetzen Sie your-username durch Ihren GitHub-Benutzernamen und your-repo durch den Namen Ihres Repositorys.

Öffnen Sie das Projekt und benennen Sie die Dateien „.env.example“ sowohl im Client- als auch im Serververzeichnis in „.env“ um.
Fügen Sie diesen beiden Dateien Ihre eigenen Umgebungsvariablen hinzu.
Fügen Sie http://localhost:5173 und http://localhost:5000 zum Array „allowedOrigins“ hinzu, das im Pfad server/config/allowedOrigins vorhanden ist.
Um das Frontend auszuführen, öffnen Sie ein neues Terminal und führen Sie „cd client/“ aus, um zum Client-Verzeichnis zu wechseln und Folgendes auszuführen:

 npm run dev

Um das Backend auszuführen, öffnen Sie ein neues Terminal und führen Sie „cd server/“ aus, um zum Serververzeichnis zu wechseln und Folgendes auszuführen:

 nodemon index.js

Öffnen Sie http://localhost:5173/ strong> in Ihrem Browser, um die Webanwendung auszuführen.

Schritte zum Zugriff auf das Admin-Dashboard

Nachdem Sie die Webanwendung auf Ihrem Computer ausgeführt haben, melden Sie sich auf der Website an.
Öffnen Sie nun Ihre MongoDB-Sammlung und fügen Sie manuell das Admin- Element im Feld „Array of Roles“ für den Benutzer hinzu, den Sie zum Administrator machen möchten, und melden Sie sich dann wieder auf der Site an.
Jetzt können Sie auf das Admin-Dashboard zugreifen.

Zurück nach oben