Neue Rezepte

8 verlockende Ziele für die Diashow mit leeren Nestern

8 verlockende Ziele für die Diashow mit leeren Nestern


Kairo und der Nil

Es gibt nur wenige Reiseziele, die so reich an Geschichte und Kultur sind wie der Nahe Osten. Buch Kairo und der ewige Nil von Overseas Adventure Travel für eine zweiwöchige geführte Reise durch einige der schönsten Sehenswürdigkeiten und exotischen Gerichte. Die Reiseroute umfasst eine Tour durch ein modernes Bauerndorf, eine private Bootsfahrt auf dem Nil, Führungen zu Gewürzmärkten, Mahlzeiten in lokal beliebten Restaurants und einen Stopp für ägyptischen Tee. Der eingehende Blick auf Ägypten hört hier nicht auf. Weitere Highlights sind: das Ägyptische Museum, die Pyramiden und das Nubische Museum.

Appalachen-Pfad

Erleben Sie ein Outdoor-Abenteuer mit anderen gleichgesinnten Wanderern entlang des Appalachian Trail. Der Appalachian Mountain Club arbeitet mit Wanderern jeden Niveaus, insbesondere mit ihr Lodge to Hut Adventure. Eine viertägige Reiseroute beginnt mit einem hausgemachten Familienfrühstück um 6.30 Uhr, einem Wandertag und einem familiären Abendessen auf der anschließenden Hütte am Abend. (Denken Sie an frisch gebackenes Brot, frisches Obst, Makkaroni und Käse und Fajitas.) Diese Reise verwöhnt nicht nur Amateurwanderer, sondern verwöhnt auch Menschen mit leichten Camping-Aversionen – keine Schlafsäcke in Sicht!

Turks- und Caicosinseln

Vergessen Sie das Stigma, das Sie gegen Getränke mit Sonnenschirmen, das Aufwachen nach 7 Uhr morgens und das stundenlange Faulenzen am Strand haben. Buchen Sie einen Aufenthalt auf Parrot Cay auf Turks- und Caicosinseln und lassen Sie diese Bedenken, ob Sie sich wirklich entspannen können oder nicht, fallen. Du wirst. Lernen Sie alles über die karibische Küche, indem Sie so viel wie möglich davon essen – das Parrot Cay Resort bietet zwei köstliche Restaurants und es gibt überall frische japanische, thailändische und indisch angehauchte karibische Küche von Providenciales bis Grand Turk – don' Vergessen Sie nicht, die Muschel zu probieren.

Alaska-Kreuzfahrt

Erleben Sie alle Arten von Wildtieren aus nächster Nähe auf den Expeditionen von National Geographic und Lindblad Achttägige Erkundungstour Alaskas Coastal Wilderness. Von Juneau aus, wo Sie vor dem Abendessen mit anderen Entdeckern an Bord des Schiffes erkunden, lässt die Tour wenig der Fantasie freien Lauf und führt durch Fjorde, Gletscherwände und Eisberge sowie durch Wale (Killer und Buckelwale) und Adler. Das Dungeness-Krabbenschmaus an Bord ist Grund genug, diese Reise zu buchen, aber auch Gerichte wie frisches Alaska-Lachs-Risotto und hausgemachter Schokoladen-Mousse-Kuchen.

Portugal

Wenn es nicht Ihre Lieblingsbeschäftigung ist, Menschenmengen an einem europäischen Wahrzeichen zu bekämpfen, Buchen Sie eine selbstgeführte Wanderung mit Country Walkers und erleben Sie stattdessen die natürliche Schönheit (und Fülle) von Madeira, Portugal. Es ist ein mittelschwerer bis anspruchsvoller Spaziergang (es gibt viele andere, wenn Ihnen dieser zu leicht oder anstrengend erscheint), der ungefähr 13 km pro Tag umfasst. Kopfsteinpflaster mit Panoramablick (und die Tatsache, dass Sie zu Fuß gehen werden) eine Menge) macht Appetit auf Leckereien von Madeiras Märkten, eine Kostprobe traditioneller espetada (spießiges, saftiges, mariniertes Fleisch) und eine Verkostung lokaler Weine.

Chile

Mach deine Hausaufgaben und plane deine eigene Tour oder buche bei einer Firma wie Jacada (der Touren durch Chiles Weinregion im Rahmen größerer Reiserouten veranstaltet), aber auf dem Weg dorthin Chiles Weinregion ist ein Muss. Chile wird als Weinregion der Neuen Welt gefeiert und produziert begehrte Flaschen an einem malerischen Ort. Spazieren Sie durch Weinberge, sprechen Sie mit Winzern (und speisen Sie mit) und probieren Sie die Kreationen entlang der Täler Aconcagua, Colchagua und Maipo. Eine Buchung über ein etabliertes Unternehmen bedeutet oft, in Wine Lodges zu übernachten.

New Orleans

Als Geburtsort des Jazz und eine Oase der kulinarischen Genüsse ist New Orleans mehr als nur ein Spring-Break-Ziel. Besuchen Sie tagsüber einen Bauernmarkt, genießen Sie einen gemütlicher Brunch mit frischen Meeresfrüchten oder Eiern Benedict mit Langusten und genießen Sie die beste Musik der Stadt. Die erste Station Ihrer Musikgeschichte und kulinarischen Reise sollte die Preservation Hall (Musik und Cocktails) sein, aber auch Congo Square, Arnauds Restaurant für ikonische kreolische Küche, und der Riverview Drive sind ein Muss. Touren wie die French Quarter Phantom Tour sind perfekte Ergänzungen.

Australien

Australien ist das Traumziel eines modernen Gastronomen und für praktisch jeden Reisenden geeignet. Gehen Sie im Januar hin, um Grand-Slam-Tennis bei den Australian Open in Melbourne zu sehen und iss dich durch die stadt. Machen Sie sich über die Rucksacktour Ihres Kindes im Guerilla-Stil lustig, indem Sie die High-End-Seite von Sydney sehen - besuchen Sie eine Oper im legendären Opernhaus, entdecken Sie aus dem weg essen überraschungen in der Stadt, machen Sie Halt in einzigartigen australischen Boutiquen und entspannen Sie am Strand. Oder eine Tour machen durch das Land der Ureinwohner und besuchen Sie die Ureinwohner der Nation.


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Leuten, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsmeldung"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal für Commit zu Git und Push to GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig den Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine", wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


8 verlockende Ziele für leere Nester-Diashow - Rezepte

Dies ist die Website für eine Rezeptsammlung mit grundlegenden indischen regionalen Favoriten. Jeder kann ein Benutzer werden und zur Sammlung hinzufügen.

Debarati - The Food Tycoon - Einführung

Die Idee entstand aus der Betrachtung der Popularität indischer Currys und der Schaffung einer Plattform, auf der Menschen ihre eigenen Rezepte hinzufügen können. Viele Gerichte mit demselben Namen und denselben Grundzutaten werden in verschiedenen Teilen Indiens auf leicht unterschiedliche Weise zubereitet und um dieser Vielfalt gerecht zu werden, hat die Website Kategorien, die verschiedene Staaten des Landes repräsentieren.

Benutzer 1: Ich möchte auf einen Blick den Zweck der Site verstehen

  1. Der Abschnitt mit Zusatzinformationen macht den Zweck der Site deutlich.
  2. Auch der allererste Absatz auf der Homepage beschreibt den Zweck der Website.

Benutzer 2: Ich möchte mit Leichtigkeit navigieren und Dinge leicht finden

  1. Der Benutzer wird mit einer sauberen und leicht lesbaren Navigationsleiste begrüßt, die es Ihnen ermöglicht, zu der Seite Ihrer Wahl zu gelangen.
  2. Die relevantesten Informationen sind sofort mit den Abschnitten „Rezepte“ und „Neues Rezept“ auf der Startseite verfügbar.

Benutzer 3: Ich möchte meine eigenen Rezepte hinzufügen und sie mit meinem Namen in der Datenbank speichern lassen

  1. Die Registerkarte Rezept hinzufügen öffnet ein Formular, das Ihre Eingaben in einem bestimmten Format aufnimmt.
  2. Nach der Übermittlung wird das Rezept mit Ihren Initialen in der Datenbank gespeichert. Es ermöglicht Ihnen auch, Ihr eigenes Rezept zu ändern und zu löschen, wenn Sie sich mit denselben Anmeldeinformationen anmelden, die Sie beim Erstellen des Rezepts verwendet haben.

Benutzer 4: Ich möchte mein eigenes Rezept als Video hinzufügen

  1. Im Abschnitt Rezept hinzufügen können Sie einen Videolink hinzufügen. Dies kann Ihr eigenes Video oder etwas sein, das auf YouTube verfügbar ist.

Ziel 1: Eine optisch ansprechende Seite anbieten, um das Interesse der Menschen für die Rezepte zu wecken

  1. Die Homepage bietet ein schönes Banner mit angezeigten indischen Gewürzen
  2. Die Homepage zeigt auch viele Rezepte mit einer Suchfunktion oben, die mit der Zeit immer besser wird und immer mehr Leute Rezepte beitragen.

Ziel 2: Einige interaktive Elemente anbieten, damit der Benutzer länger auf der Website bleibt, was dazu führt, dass der Seite mehr Rezepte hinzugefügt werden

  1. Die Seite "Rezept hinzufügen" ermöglicht es den Benutzern, ihre eigenen Rezepte hinzuzufügen, und beim Senden blinkt auch eine "Erfolgsnachricht"
  2. Die Schaltfläche "Bearbeiten" auf der Startseite ermöglicht es Benutzern, später eigene Inhalte hinzuzufügen oder zu löschen, was sie zuvor eingegeben haben, was die Site sehr interaktiv macht.

Die Website-Funktion zum Hinzufügen, Bearbeiten und Löschen eigener Rezepte macht es dem Benutzer leicht, die Idee zu besitzen und immer wieder darauf zurückzukommen.

Die Funktion, dem Rezept einen Videolink hinzuzufügen, ermöglicht es Benutzern, ihren eigenen Videoclip zu erstellen und ihn für ihr Rezept über YouTube zu verwenden

Neue Funktionen, die in Zukunft implementiert werden sollen

Idealerweise möchte ich ihm einige Funktionen hinzufügen, nämlich:

Die Option, andere Rezepte zu mögen/lieben und Kommentare zu jedem Rezept hinzuzufügen. das wird es wirklich zu einer sehr interaktiven Website machen, die die Mitglieder lieben würden.

Die Option, mehr Informationen zu jedem Mitglied hinzuzufügen, damit sich die Benutzer mehr eins zu eins mit anderen Benutzern verbinden können, um Ideen zum Kochen auszutauschen

Verwendete Frameworks, Bibliotheken, Tutorials und Programme

    • Materialise wird verwendet, um die Reaktionsfähigkeit und das Design der Website zu unterstützen.
    • Hover.css wurde auf verschiedenen Schaltflächen verwendet, um den Float-Übergang hinzuzufügen, während der Mauszeiger darüber bewegt wird.
    • jQuery wurde mit Bootstrap geliefert, um die Navbar reaktionsschnell zu machen, wurde aber auch für die reibungslose Scroll-Funktion in JavaScript verwendet.
    • Git wurde für die Versionskontrolle verwendet, indem das Gitpod-Terminal zum Commit zu Git und Push zu GitHub verwendet wurde.
    • GitHub wird verwendet, um den Projektcode zu speichern, nachdem er von Git gepusht wurde.
    • Youtube-Videos mit verschiedenen Rezepten wurden vom Seitenbesitzer und anderen Benutzern hinzugefügt
    • Das w3school-Tutorial wird verwendet, um verschiedene Python-Funktionen zu verstehen
    • Stack Overflow wird verwendet, um Antworten auf verschiedene Warum und Wie zu erhalten
    • Einige Rezeptbeschreibungen wurden aus dem Internet entnommenem Material entnommen

Der W3C Markup Validator, der W3C CSS Validator und die JSHint Services wurden verwendet, um jede Seite des Projekts zu validieren, um sicherzustellen, dass es keine Syntaxfehler im Projekt gab.

    - Wirft Fehler aufgrund der erwarteten Verwendung der Jinja-Vorlagensprache auf - [Ergebnisse] 1. [Ergebnis: App] 2. [Ergebnis: Skript]

Browsertests

  • Die Website wurde in den Browsern Google Chrome, Microsoft Edge und Safari getestet. 5 verschiedene Benutzer aus einem anderen Land registriert und Rezepte hinzugefügt. Sie beschrieben die Erfahrung als reibungslos.

Gerätetest

  • Die Website wurde auf einer Vielzahl von Geräten wie Desktop, Laptop, Samsung Galaxy Note9, iPhone 8 und iPhoneX angezeigt.
  • Es wurden viele Tests durchgeführt, um sicherzustellen, dass alle Seiten korrekt verlinkt wurden.

Neues Rezeptformular: Testen

  1. Gehen Sie zur Seite "Neues Rezept"
  2. Versuchen Sie, das leere Formular abzusenden - eine Aufforderung zu den erforderlichen Feldern wird angezeigt.
  3. Versuchen Sie, das Formular mit einem leeren Feld abzusenden - eine Aufforderungsmeldung wird angezeigt.

Backend Mongo DB-Eintragstests *Jeder Eintrag direkt auf der Mongo DB-Sammlungsseite kann sofort auf der Website eingesehen werden *

Ich habe es genossen, Python zu lernen und habe versucht, auf andere im Internet verfügbare Materialien zuzugreifen, um mein Lernen zu unterstützen. Python ist einfacher zu erlernen, da es eine saubere Syntax hat. Obwohl ich gerade erst ein Web-Framework studiert habe, bin ich mir der zahlreichen in PyPI enthaltenen Module von Drittanbietern durchaus bewusst, die Python in die Lage versetzen, mit vielen anderen Sprachplattformen zu interagieren. Die Jinja-Templating-Sprache und die Vorlagenvererbung, die ich gelernt habe, sind immens hilfreich, um mehrseitige Websites zu erstellen, ohne ständig Code auf jeder Seite ändern zu müssen.

Ich habe die defensive Programmierung selbst hinzugefügt. Wenn ein Benutzer auf die Schaltfläche Löschen klickt, wird eine Flash-Nachricht angezeigt, in der der Benutzer aufgefordert wird, den Löschvorgang zu bestätigen. Ich bin ziemlich stolz darauf. Hier ist ein [Screenshot]

  • Die Profilseite ist im Moment nicht nützlich. Es kann verbessert werden, indem man viele Informationen über das Mitglied in Bezug auf seine spezifischen Essensinteressen, einige ausprobierte Food-Hacks, die es teilen möchte, einige Vorkehrungen für Bilder seiner eigenen Rezepte usw Benutzerprofil viel interessanter und die Seite interaktiver.
  • Während der Überprüfung beginnt sich der Akkordeoninhalt manchmal zu überlappen und der obere Inhalt versteckt sich hinter dem unteren Inhalt, wenn Sie den Bildschirm weiter nach innen ziehen, um ihn zu verkleinern, aber wenn Sie die Seite neu laden, ist alles wieder in Ordnung. Konnte nicht herausfinden, warum das passieren sollte.

Das Projekt wurde in Heroku mithilfe der folgenden Schritte bereitgestellt

  1. Melden Sie sich bei GitHub an und suchen Sie das GitHub-Repository
  2. Suchen Sie oben im Repository (nicht oben auf der Seite) die Schaltfläche "Einstellungen" im Menü.
    • Alternativ klicken Sie hier für ein GIF, das den Prozess ab Schritt 2 demonstriert.
  3. Scrollen Sie auf der Einstellungsseite nach unten, bis Sie den Abschnitt "GitHub-Seiten" finden.
  4. Klicken Sie unter "Quelle" auf das Dropdown-Menü "Keine" und wählen Sie "Master Branch" und speichern Sie.
  5. Die Seite wird automatisch aktualisiert.
  6. Scrollen Sie durch die Seite zurück nach unten, um den jetzt veröffentlichten Site-Link im Abschnitt "GitHub-Seiten" zu finden.

Die Registerkarte "Probleme" auf github wurde verwendet, um Screenshot-Links zur Verwendung in der ReadMe-Datei zu generieren


Schau das Video: Meine Diashow