Giter VIP home page Giter VIP logo

projekt-webshop's Introduction

Hello there, I'm Tim ✋

I am a student from Germany. Currently learning different languages and tools to become a front-end web developer.

projekt-webshop's People

Contributors

antonypaok avatar derechtenap avatar ericvandegriesel avatar

Watchers

 avatar  avatar

Forkers

antonypaok

projekt-webshop's Issues

Bestellvorgang

  • Evtl. nur Bestellungen ohne Registrieren um den Rahmen nicht zu sprengen (als Gast)
  • Eingabe von Rechnungs- und Lieferadresse
  • Evtl. nur Überweisung um Komlexitätslevel gering zu halten ?

Navigation wie üblich
Am Ende eine Übersicht und ein Button"zahlungspflichtig bestellen"
Meldung: "Bestellung erfolgreich" (wenn einfach, random BestellNr. erzeugen und anzeigen)

Favicon / Icon hinzufügen

Ich überlege aktuell noch ein kleines Icon / Logo zu erstellen. Hab's aber erstmal als extra function deklariert. Also hat es keine Priorität...

  • Icon erstellen und designen
  • Favicon erzeugen (Alle Größen für Google, Apple, etc.)
  • Favicon auf allen Seiten im Code einbinden

Homepage

  • Ein paar Worte zu "wer wir sind"
  • Neuigkeiten (Art schwarzes Brett)
  • Allgemeine Hinweise zu Zahlungsmöglichkeiten, Lieferbedingungen etc.

Datenbank

Beinhaltet Lebensmittel und Preise und zeigt die Verfügbarkeit an.
Ist Datenbasis für die Liste der Lebensmittel

Optimierung der Produktseite

Folgende Punkte müssen noch erledigt werden, damit die Produktseite komplett ist:

  • Verschönerung des Frontends (Viele Textteile sind zu groß, Abstände, etc.)
  • Sale-Produkte sollen gekennzeichnet seien

Optional

  • Produkte sollen eine andere Farbe bekommen (DB Kategorie Typ)

Spaltennamen der DB

Mir ist gerade aufgefallen, dass einige Spalten der DB in Englisch und andere in Deutsch sind. Zusätzlich beginnen einige mit einem Großbuchstaben. Die Lagerbestand-Spalte hat auch einen Tippfehler. Wir sollten das optimieren:

  • Spalten in der DB umbenennen
  • Variablen innerhalb der PHP Dateien anpassen

Modal funktioniert nicht mit "Paprika bunt"

Beim klicken auf die Card von Paprika bunt kommt diese Fehlermeldung:

Uncaught TypeError: Illegal invocation at Object.findOne (selector-engine.js:28) at new t (modal.js:87) at HTMLAnchorElement.<anonymous> (modal.js:591) at HTMLDocument.i (event-handler.js:116)

Das liegt höchstwahrscheinlich am Leerzeichen im Datenbank-Eintrag. Wir sollten das Produkt umbenennen oder aus dem Sortiment nehmen, @AntonyPaok 😏

Organisatorisches

  • Wer macht was? Wo sind Schnittstellen?
  • Welche Sprache? Wie werden Daten verarbeitet?
  • Wie ist es möglich, möglichst viele Themen der Veranstaltung auszubauen?
  • Wo liegt unser Schwerpunkt?
  • Was und wie viel muss dokumentiert werden?
  • Termin vereinbaren für Vorstellung --> PP notwendig??

Artikel-Präfix

  • "Manuelle" Eingabe von Präfix löschen
  • Attribut Name mit Präfix "Artikel" in der DB speichern

Fehlende Seiten hinzufügen

Folgende Seiten sind verlinkt auf dem Index und haben noch keine Seite:

Navbar

  • Produkte und das dazugehörige Dropdown (produkte\obst.php etc.)
  • Neuheiten (produkte/neuheiten.html
  • Sale (produkte/sale.html)
  • Nutzer (profil/nutzer.html)
  • Über uns (hilfe/ueber-uns.html)
  • Hilfe (hilfe/uebersicht.html)

Footer

  • Kontakt (kontakt/formular.php)

Sonstiges

  • Button für Verlinkung vom Warenkorb zur Kasse

Jede Kategorie bekommt eine eigene Seite

Da leider die Filter-Funktion nicht richtig funktioniert, haben wir uns entschieden die Kategorien der Produkte jeweils auf einer anderen Seite anzuzeigen und eine eigene SELECT Abfrage zu benutzen.

Seiten erstellen

  • Obst (obst.php)
  • Früchte (fruechte.php)
  • Gemüse (gemuese.php)
  • Exotisch (exotisch.php)

Footer der Seite

Bevor ich mit #8 weiter machen kann, brauchen wir einen ordentlichen Footer für alle Seiten

  • Inhalt des Footers überlegen
  • Design erstellen
  • Überprüfen ob der Footer responsive ist

Carousel Hintergrundbilder sind immer noch Platzhalter

Leider waren die Bilder der Produkte zu klein für das Carousel... Deswegen hab ich noch einmal schnelle Platzhalter erstellt. Wir brauchen größere und höher aufgelöste Bilder von den Produkten.

@AntonyPaok Kannst du vielleicht noch ein paar Bilder machen? Am besten mit einen einheitlichen Hintergrund (z.B. Komplett grau etc.)

Aktuell hab ich diese Hintergrundbilder fürs Carousel:

1
2
3

Clean-up

Wegen dem Index-Redesign müssen einige Sachen noch verändert werden...

  • Produkte bekommen die neuen Kategorie-Farben
  • Footer auf allen Seiten aktualisieren
  • Nav auf allen Seiten aktualisieren
  • Suche auf allen Seiten entfernen

Liste mit Lebensmittel

Beinhalten ein Bild, Titel/ Name, Preis, Fehlerstatus bzw. Verfügbarkeit, Eingabe für Menge und Button "In den Warenkorb"

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.