Quicktail - Quick Cocktails

En iOS & Android native app med Nativescript Vue til let at nedskrive og gemme cocktailopskrifter, når det skal gå hurtigt

Specs:

• Man skal kunne tilføje metoder osv
  • Man skal kunne vælge en glas-type til sine egne tilføjede glas, som dukker op i visning (jeg skal lave illustrationer)
• Der skal være mulighed for flere metoder osv
  • Valgte skal være selected i styling
• Der skal være "notes" til hvert valg
• Feedback på om glas/is/metode osv er valgt
  • Brug en progressbar
  • Animation om at ens valg "hopper" ind i en sidebar til oversigt
• Man skal kunne tilføje billede i Misc.
• Ingredients skal være en "todo" formular-stil
  • Man skal kunne vælge måleenhed (og tilføje ligesom alt andet)
  • Der skal være sliderstil (op/ned) på talmængden
• BRUG NATIVESCRIPT PLAYGROUND CODE SAMPLES OG STJÆL, STJÆL
• Ændr startside til at være cocktailsiden og brug et lille + i bunden til højre (SE SAMPLES) til at adde
  • Forside skal fjernes
• Inde på en cocktail skal der laves et parallax scroll (SE SAMPLES) til at vise billede
• Lav en gesture til hurtigt create etc (SE SAMPLES)
• Lav float up text labels på ingredients input (SE SAMPLES)
• Lav dialog om til custom
• filter: hue-rotate(360) transition på et eller andet
• Skal kunne slette filer fra documents() med fileSystemModule når man sletter en cocktail, men ikke når man sletter en, hvor billedet er valgt fra en picker
• Man skal kunne edit opskrifter
• Brug zip, share og fs til at eksportere
  • zip: https://www.npmjs.com/package/nativescript-zip
  • share: https://market.nativescript.org/plugins/nativescript-share-file
  • Skriv json til temp
  • kopier billeder til temp
  • zip billedmappe og json med dest i temp
  • share filen
  • hvordan importerer man / åbner en fil?
  • unzip filen i temp
  • flet json ind i appSettings
  • flet billeder ind i documents/billedmappen
• Tilbage-knapper?
• Søgefunktion i cocktails (SAMPLES)
  • Modal med søge-settings (så man kan søge i ingredienser etc også)
• https://github.com/bradmartin/nativescript-drawingpad

Fix:

• Lav create siden om til at bruge v-for
• Se forskellen på listview og stack
• Ny løsning til at vælge units som er mere native
  • Lige nu kan man ikke tappe på en anden unit, det gør bare, at den selecter den man har markeret
• Ændr vuex -Data navne
• Sørg for at alt bliver reverted, hvis man ikke tager / vælger et billede HELT - uden errors der crasher
• Alle billeder skal have en default, hvis ikke filen findes
• Se om css :highlighted kan bruges til tabs i stedet for js for at style den highlightede
  • Og evt også mere tab styling https://docs.nativescript.org/ui/styling
• Ret MiscData til at være separate og drop -data
• Test removal (og navigate back ligesom saveCocktail)
  • Tilføj loggers på state.cocktails og appSettings osv
• Highlight i creation tabs glitcher til tider
• Flyt filter op i action-baren som en lup
• Federe FAB med bedre farver
• I create skal tilbageknappen gøre helt det samme som discard cocktail
• Global styling på ikon-knapper, så de er ens

Inspo:

• Styling:
  • NS samples https://market.nativescript.org/?tab=samples&framework=vue&category=all_samples
  • Youtube creators
  • Nativescript theme siden

Debugging:

devtools://devtools/bundled/inspector.html?ws=localhost:40000