Kött, fisk, fågel, vegetarisk

Tillagningstider

Points per typ av mat

Top 20 att ha hemma

De 20 mest förekommande ingredienserna i alla recept. Värdet visar i hur många procent av alla recept en ingrediens förekommer. Exempelvis förekommer nötfärs (10%) i 12.5% av alla recept.

Ingrediens Fördelning
vitlök 50.6%
flytande margarin 46.7%
salt & peppar 44.0%
gul lök 39.2%
rapsolja 34.7%
olivolja 32.4%
morot 31.5%
potatis 26.6%
kycklingfilé 17.1%
grönsaksbuljong 16.9%
sallad 16.2%
lättmjölk 15.4%
ris 15.3%
matlagningsgrädde (4%) 15.0%
ägg 14.3%
rödlök 14.2%
romansallad 14.1%
krossade tomater 13.9%
röd paprika 13.0%
nötfärs (10%) 12.5%

WebTech och annat nördigt

VVDb.se använder ett flertal ramverk och hjälpmedel för att fungera. Utan dessa skulle VVDb.se se ut som en säck möglig potatis.

Dessa tekniker är gratis att använda, och förtjänar att nämnas och tackas.


Bootstrap

Bootstrap är grundstommen till VVDb.se och det som gör att siten över huvudtaget fungerar. "Bootstrap is a free and open-source front-end web framework for designing websites and web applications. --Wikipedia"

jQuery

Javascript-ramverket jQuery gör det svåra lätt. Med grundläggande kunskaper i programmering och webdesign, kan man göra avancerade funktioner utan att behöva bli expert på ytterligare ett programmeringsspråk.

DataTables

DataTables är en jQuery-plugin som avsevärt förenklar användandet av avancerade tabeller i HTML. Med DataTables blir HTML-tabell sökbar, sorterbar och indexerad med ett par korta kodsnuttar. Receptlistan laddar relevant data med Ajax-anrop till databasen

Validate

Validate är ytterligare en jQuery-plugin. Den gör validering av formulär till en parkpromenad. Att kontrollera att användaren har fyllt i en e-postadress där det så efterfrågas, dubbelkolla att alla obligatoriska fält faktiskt är ifyllda, etc blir dödsenkelt, med bara några få rader kod.

FontAwesome

Tiden för små ikoner i form av .png- eller .gif-bilder är sedan många år passerad. Nu för tiden är det en ikonfont du behöver, och den största och mest använda, är FontAwesome. Alla smilys etc du ser här på VVDb.se visas med hjälp av, och tack vare, FontAwesome.

Highcharts

Som du kanske förstår, så är Highcharts det verktyg, som med hjälp av jQuery, ritar graferna du ser ovan. Highcharts innehåller mängder av olika sorters grafer som med ett väldigt begränsat antal instruktioner visas snabbt och effektivt på skärmen

Lightbox2

Lightbox2 är det javascript som används för att visa de stora bilderna när man är inne i ett recpet. Det är enkelt, effektivt och lätt att installera

Select2

Select2 gör rullister så mycket finare och mer användbara än de är i standardutförande. Först använde jag den gamla trotjänraren Chosen, men den är tyvärr inte anpassad för mobiltelefoner eller surfplattor. Det är första gången jag använder Select2 och allt jag behövde göra för att få det att funka var att byta namn på klassen som anropas från .chosen-select till .select2 - svårare än så var det inte!

Versionshistoria

VVDb.se versionshistoria. Den ordning olika delar av sajten lades till. Mest intressant för min egen del.

Den 28:e augusti 2017 innehöll databasen 350 recept. Den 29:e december var antalet över 560 recept. Den 16:e augusti 2018 nådde vi till exakt 700 recept.


Live

1.8 Portioner
2021-10-20 - Mängden livsmedel som läggs till inköpslistan baseras nu på det antal portioner man väljer. Man kan nu ta bort flera varor från inköpslistan på en gång med hjälp av checkboxar.

1.7 Receptsökning
2020-06-10 - Lade till en sökfunktion för sökning av recept innehållande specifika ingredienser. Det är hjälpsamt om man i kylen har exempelvis torsk, ajvar, gurka och en citron och vill veta vad man kan laga med detta.

1.6.2 Update
2020-01-03 - Buggfix av bloggarkivets inläggsräknare. Buggen har funnits sedan starten, tyckte det var dags att fixa den nu.

1.6.1 Update
2019-08-12 - Lade till stateSave på receptlistan.

1.6 Inköpshistorik
2018-03-19 - Lade till inköpshistorik så man kan gå tillbaka och se vilka recept man lagt till i föregeånde inköpslistor. Justerade dessutom twitterflödet. 20 inlägg var alldeles för mycket, så jag drog ner det till 10.

1.5.7 Update
2018-03-08 - Twitterflödets senaste 20 inlägg visas på hemsidan, under senaste blogginlägget. Detta filtrerar bort blogginlägg och tar bara med oberoende Facebook-inlägg och tweets.

1.5.6 Update
2018-02-20 - Ingredienslista, instruktioner, betyg och näringsvärdestabell från ett recept kan kopplas till ett blogginlägg, så man slipper skriva ner dessa manuellt när man bloggar.

1.5.5 Update
2018-02-07 - Lade till en kalkylator för ProPoints på sidan för SmartPoints. Jag menar...varför inte?

1.5.4 Update
2018-02-06 - Lade till funktion för snabbsökning i bloggen på både hemsidan och bloggindexsidorna. Provar dessutom Google Adsense på alla sidor när man inte är inloggad.

1.5.3 Update
2018-01-11 - Flyttade inloggningsformuläret till navbar, så det är tillgängligt oavsett vilken sida man är på.

1.5.2 Update
2018-01-08 - Snabbsök tillagd på hemsidan. Använder Select2.

1.5.1 Update
2017-12-29 - Flyttade versionshistorian till sidan för statistik och grafer. Kändes mer logiskt att ha den här och minskar antalet ointressanta sidor med ett. Slipper då också problem med dubbelstack i menyraden vid brytpunkten mellan dator och surfplatta.

1.5 Kommentarer
2017-12-14 - Möjlighet att skriva kommentarer på bloggen tillagt.

1.4.2 Update
2017-11-14 - Buggfix av recepttabellen. Felet rättades och nu visas listan perfekt, både för users och admins. Övriga fixar: recept visas med medelbetyg, baserat på alla användares enskilda betyg. Inom parentes visas användarens eget betyg, ifall något sånt finns. Paj-grafen visar nu korrekta segment.

1.4.1 Update
2017-11-10 - Buggfix av shoppinglistan. Nu fungerar borttagning av enskilda rader på ett korrekt sätt. Fixade också en pagineringsbugg i bloggen.

1.4 Re-design av blogg
2017-10-25 - Insåg att bloggen inte såg så skojig ut utan ett arkiv. Det var dock inte komplicerat att fixa till. Att göra menyn ihopfällbar var inte heller det så konstigt, men det automatiska utbytet av höger-pil till pil-ner och tvärt om gav mig lite huvudbry. api.jquery.com är dock din vän och efter lite trixande insåg jag skillnaden mellan .find() och .children() och så var den saken löst.

1.3 SmartPoints
2017-10-11 - Hittade äntligen en webbsajt som visar formeln för hur ViktVäktarna räknar ut SmartPoints på livsmedel, så jag tillverkade SmartPoints-kalkylatorn och lade upp den på sajten. Har även lagt till så man kan se vilka recept man lagt i varukorgen samt att man får med dem på utskriften av shoppinglistan. Inget suger så hårt som att han handlat varor till 7 recept, för att sedan inte minnas vilka recept det var!

1.2.1 Update
2017-09-22 - Lightbox tillagt för de recept som har bilder.

1.2 Blog
2017-09-19 - Bloggen är live. Inte för att jag är nån stor bloggare direkt, men det är ju kul att knåpa ihop saker.

1.1 Friendly URLs
2017-09-15 - Fixade till friendly URL rewrites till hela sajten. Det påstås vara bra för SEO, men jag fixade det mest för min egen skull.

1.0 Live
2017-09-04 - Live release. VVDb.SE går live. Woot! :)

Beta

0.8.4 Update
2017-08-30 - Tillägg av en engelsk beskrivning av siten på första sidan.

0.8.3 Update
2017-08-30 - Ändring av vissa HTML-taggar (DIV) till mer rättvisande semantiska (MAIN,ASIDE,SECTION etc). Flytt av varukorgen samt korrigering av varningsmeddelanden vid borttagning av recept.

0.8.2 Update
2017-08-29 - Gravatarer tillagda. Omdirigering till recept från login borttagen.

0.8.1 Update
2017-08-26 - Uppdatering av kod. Tog bort onödigt krånglig kod och justerade den så att redundanta delar försvann. Gjorde versionshistorian publik.

0.8 Domännamn
2017-08-18 - Beta-release. Registrerade VVDb.se

Alpha

0.7.1 Update
2017-07-25 - Lite uppsnyggning av sajten. Stretch background, färgjusteringar, panelhörnen ändrade från kurvade till räta vinklar. Inloggningssidan gjordes tjusigare.

0.7 Shopping-lista
2017-07-17 - Shopping-listan med sammanslagna värden skapad. Nedladdning fungerar.

0.6 Admin
2017-07-16 - Admin-användare skapade. PHP uppdaterad för att hantera superusers.

0.5.3 Update
2017-07-15 - FontAwesome tillagt för att göra sajten tjusigare.

0.5.2 Update
2017-07-15 - Lade till Validate.js för att öka kontrollen av insert i databasen. Smidigare så. Ajax även här. Real-tid kontroll av recept så inga kopior skapas.

0.5.1 Update
2017-07-12 - Ajax-anrop till DataTables för att korta ner renderingsfarten av receptindex. Första gången jag använder Ajax tillsammans med Datatables. Smidigt.

0.5 Datatables
2017-07-10 - Alpha release. Implementation av DataTables.

Pre-alpha

0.4 Users
2017-07-08 - Användarhantering ordnad. Fungerande inloggning till skyddade sidor implementerad.

0.3.1 Update
2017-07-06 - Create-functionen uppdaterad. Möjlighet att granska innan insert skapad. Utökat listan med godkända måttenheter.

0.3 CRUD
2017-07-03 - Create, Read, Update, Delete funktioner skapade.

0.2 PHP-kod
2017-07-02 - Databastabellerna skapade. PHP-kod implementerad. Lista recept fungerar.

0.1 Grundstruktur
2017-07-01 - Pre-alpha release. Grundstrukturen till VVDb är satt. Lite krångel eftersom Bootstrap 3.3.7 kräver lite andra filer än tidigare versioner.