coding-bootcamps-eu / ama-tool Goto Github PK

• delete unneeded components
• refactor router chunknames

• remove all console logs
• check all variables
• :root, font-family / font-size refactoring

• navigation for smaller resolutions
• width of askQuestion-> textarea smaller solutions (in mobile version)
• implement global button component
• design at ask question: add cursor to label of title and description (cursor: text) and to categories (cursor: pointer)
• design at ask question: add padding to input (padding-right: 4rem) to not overwrite the char counter

move to an cbe account
change needed settings

Als Entwickler:innen benötigen wir ein gemeinsamen DatenTyp um unsere Daten innerhalb der Anwendung zu verwalten.

Folgende Felder sollten mindestens enthalten sein:

• id
• title
• description
• category
• isDone
• created_at

The E2E Testing should work in any given environment.

Should close when link in burgermenu is clicked

verwendeten Button aus dem Issue "Ask Question" auslagern, um diesen im gesamten Projekt nutzen zu können

• Read doc about cypress
• E2E Test: Use Naviation
• E2E Test: Use Footer
• E2E Test: Homepage
• E2E Test: List (Sort, Filter, Interact)
• E2E Test: Ask Question
• Prepare Lightning Talk about Cypress (15min + 15min Q/A)

• GitHub Actions einlesen
• GitHub Action für E2E Cypress erstellen
• GitHub Action für Discord Nachricht bei dev merge erstellen
• Lighting Talk für GitHub Actions (15min + 15min Q/A)

answered questions should only shown in an archive.

semantic change: ul -> ol

• Read Firebase Doc
• Login anbinden
• Daten auslesen (list)
• Daten schreiben (ask-question)
• Lightning Talk Firebase vorbereiten

User-Story:
Als Unternehmen möchte ich einen Footer in der AMA-App um nicht verklagt zu werden.

AK:
Folgende Menü-Punkte müssen enthalten sein:

• Datenschutz (1. Version https://www.coding-bootcamps.eu/j/privacy kopieren und anpassen. ggf e-recht24 nutzen falls Unterschiede zu groß)
• Impressum (https://www.coding-bootcamps.eu/about/)
• Link auf Team Class #2 Seite
• Bewerben https://www.coding-bootcamps.eu/bewerben/
• Copyright Text (Jahr aktuallisiert sich automatisch)
• Social Media (Insta, Twitter)

• validate Input
• feedback for failed validation

• landing page

• QuestionList VoteCount sometimes jump up ?! (if you upvote after changing routes, it counts +2, +4, +6 instead of +1?)

• design at question list (no drop shadow, button component)

• navigation for smaller resolutions

• width of askQuestion-> textarea smaller solutions (in mobile version)

• implement global button component

• design at ask question: add cursor to label of title and description (cursor: text) and to categories (cursor: pointer)

• design at ask question: add padding to input (padding-right: 4rem) to not overwrite the char counter

tbc

• moving textblock to about page
• added short description and login on the landingpage

Als Teilnehmer:in möchte alle Fragen die gestellt wurden und noch nicht beantwortet sind in einer Liste sehen.

• Liste der Fragen sehen (Title + Kategorie, Status)
• Filterung. Default-> alle offenen oder alle archivierte anzeigen
• Sortierung nach Upvotes in Liste (Absteigend)
• Button pro Listeneintrag der ein Upvote per Frage ermöglicht (Max 1x pro Frage/Browser)
• Voting kann zurückgezogen werden
• Status von offen auf erledigt gewechselt werden
• User ID generierung
• Filterung der Listen in einer
• Layout aus Figma Design ist umgesetzt
• A11y Rules gecheckt

Status: Offen, Archiviert

The MainNavigation should be responsive at any time

landing page not rendered yet - maybe readme.md style?

frame of the "no-user" div should be responsive

Question-Detail Page

New Route
New View
Show all Details of an Question

data should be saved in cookie instead of sessionStorage

Should responsive at any time

Als Teilnehmer:in möchte ich Fragen in das AMA-Tool eintippen um für die Lösungsfindung Input zu bekommen.

• Input Text als Title (max. 150 chars)
• TextArea als Description (max. 5000 chars)
• Kategorie auswählbar: HTML, CSS, JavaScript, Tooling, Vue, sonstiges (max 1)
• MarkDown für das Input Field zulassen (Für Code Snippets)
• Vorschau Bereich für de Output darstellen
• Absende Button (Speichern & zurück auf die Listen Ansicht)
• Abbrechen Button (zurück auf die Listen Ansicht)

Der Footer soll responsiv und an das restliche Design angepasst sein.

Als Teilnehmer:n möchte ich eine Navigation um über die Seite navigiert zu werden um schnell und einfach auf alle Menü Punkte zugreifen zu können

• Menüpunkte: Start/Erklärung, Offene Fragen, Frage stellen, Team
• Views für jeden Anwendungsbereich erstellen
• A11y Bedienbar
• Logo vom Bootcamp wird angezeigt
• Name von AMA Tool wird angezeigt

• badges
• complete userguide

Als Team möchte ich, dass die ganze Welt weis, dass wir die Seite gebaut haben, aus diesem Grund gibt es eine Team-Seite.

AK:

• Mitglieder werden zufällig sortiert
• Team-Mitglieder nach Foto & Bio fragen
• Foto & Bio von Team-Mitglieder komplett
• Foto der einzelnen Team-Menschen ist angezeigt (500x500x)
• Beschreibung der einzelnen (Steckbriefform, min 100 chars, max 300 chars)
• Links zu Social Media (Twitter, LinkedIn) -> target="_blank" rel link noopenen, noreferrer
• Animations: Pictures, Easter-Egg

Als Team möchte ich eine Projekt-Infrastruktur die es mir ermöglicht gemeinsam effektiv an dem Projekt zu arbeiten

• Vue 3 Projekt generiert
• Projekt auf dem main branch gepushed
• Linting Regeln angelegt
• Readme mit Installationsanleitung erstellt (Benennung der Variablen, Benennung Feature Branches)
• Views für die Features generiert
• Projekt bei allen Team-Members lauffähig