diff --git a/public/assets/avocado/1.png b/src/assets/crops/avocado/1.png
similarity index 100%
rename from public/assets/avocado/1.png
rename to src/assets/crops/avocado/1.png
diff --git a/public/assets/avocado/2.png b/src/assets/crops/avocado/2.png
similarity index 100%
rename from public/assets/avocado/2.png
rename to src/assets/crops/avocado/2.png
diff --git a/public/assets/avocado/3.png b/src/assets/crops/avocado/3.png
similarity index 100%
rename from public/assets/avocado/3.png
rename to src/assets/crops/avocado/3.png
diff --git a/public/assets/avocado/4.png b/src/assets/crops/avocado/4.png
similarity index 100%
rename from public/assets/avocado/4.png
rename to src/assets/crops/avocado/4.png
diff --git a/public/assets/avocado/5.png b/src/assets/crops/avocado/5.png
similarity index 100%
rename from public/assets/avocado/5.png
rename to src/assets/crops/avocado/5.png
diff --git a/public/assets/avocado/6.png b/src/assets/crops/avocado/6.png
similarity index 100%
rename from public/assets/avocado/6.png
rename to src/assets/crops/avocado/6.png
diff --git a/public/assets/cassava/1.png b/src/assets/crops/cassava/1.png
similarity index 100%
rename from public/assets/cassava/1.png
rename to src/assets/crops/cassava/1.png
diff --git a/public/assets/cassava/2.png b/src/assets/crops/cassava/2.png
similarity index 100%
rename from public/assets/cassava/2.png
rename to src/assets/crops/cassava/2.png
diff --git a/public/assets/cassava/3.png b/src/assets/crops/cassava/3.png
similarity index 100%
rename from public/assets/cassava/3.png
rename to src/assets/crops/cassava/3.png
diff --git a/public/assets/cassava/4.png b/src/assets/crops/cassava/4.png
similarity index 100%
rename from public/assets/cassava/4.png
rename to src/assets/crops/cassava/4.png
diff --git a/public/assets/cassava/5.png b/src/assets/crops/cassava/5.png
similarity index 100%
rename from public/assets/cassava/5.png
rename to src/assets/crops/cassava/5.png
diff --git a/public/assets/cassava/6.png b/src/assets/crops/cassava/6.png
similarity index 100%
rename from public/assets/cassava/6.png
rename to src/assets/crops/cassava/6.png
diff --git a/public/assets/coffee/1.png b/src/assets/crops/coffee/1.png
similarity index 100%
rename from public/assets/coffee/1.png
rename to src/assets/crops/coffee/1.png
diff --git a/public/assets/coffee/2.png b/src/assets/crops/coffee/2.png
similarity index 100%
rename from public/assets/coffee/2.png
rename to src/assets/crops/coffee/2.png
diff --git a/public/assets/coffee/3.png b/src/assets/crops/coffee/3.png
similarity index 100%
rename from public/assets/coffee/3.png
rename to src/assets/crops/coffee/3.png
diff --git a/public/assets/coffee/4.png b/src/assets/crops/coffee/4.png
similarity index 100%
rename from public/assets/coffee/4.png
rename to src/assets/crops/coffee/4.png
diff --git a/public/assets/coffee/5.png b/src/assets/crops/coffee/5.png
similarity index 100%
rename from public/assets/coffee/5.png
rename to src/assets/crops/coffee/5.png
diff --git a/public/assets/coffee/6.png b/src/assets/crops/coffee/6.png
similarity index 100%
rename from public/assets/coffee/6.png
rename to src/assets/crops/coffee/6.png
diff --git a/public/assets/corn/1.png b/src/assets/crops/corn/1.png
similarity index 100%
rename from public/assets/corn/1.png
rename to src/assets/crops/corn/1.png
diff --git a/public/assets/corn/2.png b/src/assets/crops/corn/2.png
similarity index 100%
rename from public/assets/corn/2.png
rename to src/assets/crops/corn/2.png
diff --git a/public/assets/corn/3.png b/src/assets/crops/corn/3.png
similarity index 100%
rename from public/assets/corn/3.png
rename to src/assets/crops/corn/3.png
diff --git a/public/assets/corn/4.png b/src/assets/crops/corn/4.png
similarity index 100%
rename from public/assets/corn/4.png
rename to src/assets/crops/corn/4.png
diff --git a/public/assets/corn/5.png b/src/assets/crops/corn/5.png
similarity index 100%
rename from public/assets/corn/5.png
rename to src/assets/crops/corn/5.png
diff --git a/public/assets/corn/6.png b/src/assets/crops/corn/6.png
similarity index 100%
rename from public/assets/corn/6.png
rename to src/assets/crops/corn/6.png
diff --git a/public/assets/cucumber/1.png b/src/assets/crops/cucumber/1.png
similarity index 100%
rename from public/assets/cucumber/1.png
rename to src/assets/crops/cucumber/1.png
diff --git a/public/assets/cucumber/2.png b/src/assets/crops/cucumber/2.png
similarity index 100%
rename from public/assets/cucumber/2.png
rename to src/assets/crops/cucumber/2.png
diff --git a/public/assets/cucumber/3.png b/src/assets/crops/cucumber/3.png
similarity index 100%
rename from public/assets/cucumber/3.png
rename to src/assets/crops/cucumber/3.png
diff --git a/public/assets/cucumber/4.png b/src/assets/crops/cucumber/4.png
similarity index 100%
rename from public/assets/cucumber/4.png
rename to src/assets/crops/cucumber/4.png
diff --git a/public/assets/cucumber/5.png b/src/assets/crops/cucumber/5.png
similarity index 100%
rename from public/assets/cucumber/5.png
rename to src/assets/crops/cucumber/5.png
diff --git a/public/assets/cucumber/6.png b/src/assets/crops/cucumber/6.png
similarity index 100%
rename from public/assets/cucumber/6.png
rename to src/assets/crops/cucumber/6.png
diff --git a/public/assets/dairy/milk-carton.png b/src/assets/crops/dairy/milk-carton.png
similarity index 100%
rename from public/assets/dairy/milk-carton.png
rename to src/assets/crops/dairy/milk-carton.png
diff --git a/public/assets/eggplant/1.png b/src/assets/crops/eggplant/1.png
similarity index 100%
rename from public/assets/eggplant/1.png
rename to src/assets/crops/eggplant/1.png
diff --git a/public/assets/eggplant/2.png b/src/assets/crops/eggplant/2.png
similarity index 100%
rename from public/assets/eggplant/2.png
rename to src/assets/crops/eggplant/2.png
diff --git a/public/assets/eggplant/3.png b/src/assets/crops/eggplant/3.png
similarity index 100%
rename from public/assets/eggplant/3.png
rename to src/assets/crops/eggplant/3.png
diff --git a/public/assets/eggplant/4.png b/src/assets/crops/eggplant/4.png
similarity index 100%
rename from public/assets/eggplant/4.png
rename to src/assets/crops/eggplant/4.png
diff --git a/public/assets/eggplant/5.png b/src/assets/crops/eggplant/5.png
similarity index 100%
rename from public/assets/eggplant/5.png
rename to src/assets/crops/eggplant/5.png
diff --git a/public/assets/eggplant/6.png b/src/assets/crops/eggplant/6.png
similarity index 100%
rename from public/assets/eggplant/6.png
rename to src/assets/crops/eggplant/6.png
diff --git a/public/assets/grapes/1.png b/src/assets/crops/grapes/1.png
similarity index 100%
rename from public/assets/grapes/1.png
rename to src/assets/crops/grapes/1.png
diff --git a/public/assets/grapes/2.png b/src/assets/crops/grapes/2.png
similarity index 100%
rename from public/assets/grapes/2.png
rename to src/assets/crops/grapes/2.png
diff --git a/public/assets/grapes/3.png b/src/assets/crops/grapes/3.png
similarity index 100%
rename from public/assets/grapes/3.png
rename to src/assets/crops/grapes/3.png
diff --git a/public/assets/grapes/4.png b/src/assets/crops/grapes/4.png
similarity index 100%
rename from public/assets/grapes/4.png
rename to src/assets/crops/grapes/4.png
diff --git a/public/assets/grapes/5.png b/src/assets/crops/grapes/5.png
similarity index 100%
rename from public/assets/grapes/5.png
rename to src/assets/crops/grapes/5.png
diff --git a/public/assets/grapes/6.png b/src/assets/crops/grapes/6.png
similarity index 100%
rename from public/assets/grapes/6.png
rename to src/assets/crops/grapes/6.png
diff --git a/public/assets/lemon/1.png b/src/assets/crops/lemon/1.png
similarity index 100%
rename from public/assets/lemon/1.png
rename to src/assets/crops/lemon/1.png
diff --git a/public/assets/lemon/2.png b/src/assets/crops/lemon/2.png
similarity index 100%
rename from public/assets/lemon/2.png
rename to src/assets/crops/lemon/2.png
diff --git a/public/assets/lemon/3.png b/src/assets/crops/lemon/3.png
similarity index 100%
rename from public/assets/lemon/3.png
rename to src/assets/crops/lemon/3.png
diff --git a/public/assets/lemon/4.png b/src/assets/crops/lemon/4.png
similarity index 100%
rename from public/assets/lemon/4.png
rename to src/assets/crops/lemon/4.png
diff --git a/public/assets/lemon/5.png b/src/assets/crops/lemon/5.png
similarity index 100%
rename from public/assets/lemon/5.png
rename to src/assets/crops/lemon/5.png
diff --git a/public/assets/lemon/6.png b/src/assets/crops/lemon/6.png
similarity index 100%
rename from public/assets/lemon/6.png
rename to src/assets/crops/lemon/6.png
diff --git a/public/assets/melon/1.png b/src/assets/crops/melon/1.png
similarity index 100%
rename from public/assets/melon/1.png
rename to src/assets/crops/melon/1.png
diff --git a/public/assets/melon/2.png b/src/assets/crops/melon/2.png
similarity index 100%
rename from public/assets/melon/2.png
rename to src/assets/crops/melon/2.png
diff --git a/public/assets/melon/3.png b/src/assets/crops/melon/3.png
similarity index 100%
rename from public/assets/melon/3.png
rename to src/assets/crops/melon/3.png
diff --git a/public/assets/melon/4.png b/src/assets/crops/melon/4.png
similarity index 100%
rename from public/assets/melon/4.png
rename to src/assets/crops/melon/4.png
diff --git a/public/assets/melon/5.png b/src/assets/crops/melon/5.png
similarity index 100%
rename from public/assets/melon/5.png
rename to src/assets/crops/melon/5.png
diff --git a/public/assets/melon/6.png b/src/assets/crops/melon/6.png
similarity index 100%
rename from public/assets/melon/6.png
rename to src/assets/crops/melon/6.png
diff --git a/public/assets/orange/1.png b/src/assets/crops/orange/1.png
similarity index 100%
rename from public/assets/orange/1.png
rename to src/assets/crops/orange/1.png
diff --git a/public/assets/orange/2.png b/src/assets/crops/orange/2.png
similarity index 100%
rename from public/assets/orange/2.png
rename to src/assets/crops/orange/2.png
diff --git a/public/assets/orange/3.png b/src/assets/crops/orange/3.png
similarity index 100%
rename from public/assets/orange/3.png
rename to src/assets/crops/orange/3.png
diff --git a/public/assets/orange/4.png b/src/assets/crops/orange/4.png
similarity index 100%
rename from public/assets/orange/4.png
rename to src/assets/crops/orange/4.png
diff --git a/public/assets/orange/5.png b/src/assets/crops/orange/5.png
similarity index 100%
rename from public/assets/orange/5.png
rename to src/assets/crops/orange/5.png
diff --git a/public/assets/orange/6.png b/src/assets/crops/orange/6.png
similarity index 100%
rename from public/assets/orange/6.png
rename to src/assets/crops/orange/6.png
diff --git a/public/assets/pineapple/1.png b/src/assets/crops/pineapple/1.png
similarity index 100%
rename from public/assets/pineapple/1.png
rename to src/assets/crops/pineapple/1.png
diff --git a/public/assets/pineapple/2.png b/src/assets/crops/pineapple/2.png
similarity index 100%
rename from public/assets/pineapple/2.png
rename to src/assets/crops/pineapple/2.png
diff --git a/public/assets/pineapple/3.png b/src/assets/crops/pineapple/3.png
similarity index 100%
rename from public/assets/pineapple/3.png
rename to src/assets/crops/pineapple/3.png
diff --git a/public/assets/pineapple/4.png b/src/assets/crops/pineapple/4.png
similarity index 100%
rename from public/assets/pineapple/4.png
rename to src/assets/crops/pineapple/4.png
diff --git a/public/assets/pineapple/5.png b/src/assets/crops/pineapple/5.png
similarity index 100%
rename from public/assets/pineapple/5.png
rename to src/assets/crops/pineapple/5.png
diff --git a/public/assets/pineapple/6.png b/src/assets/crops/pineapple/6.png
similarity index 100%
rename from public/assets/pineapple/6.png
rename to src/assets/crops/pineapple/6.png
diff --git a/public/assets/potato/1.png b/src/assets/crops/potato/1.png
similarity index 100%
rename from public/assets/potato/1.png
rename to src/assets/crops/potato/1.png
diff --git a/public/assets/potato/2.png b/src/assets/crops/potato/2.png
similarity index 100%
rename from public/assets/potato/2.png
rename to src/assets/crops/potato/2.png
diff --git a/public/assets/potato/3.png b/src/assets/crops/potato/3.png
similarity index 100%
rename from public/assets/potato/3.png
rename to src/assets/crops/potato/3.png
diff --git a/public/assets/potato/4.png b/src/assets/crops/potato/4.png
similarity index 100%
rename from public/assets/potato/4.png
rename to src/assets/crops/potato/4.png
diff --git a/public/assets/potato/5.png b/src/assets/crops/potato/5.png
similarity index 100%
rename from public/assets/potato/5.png
rename to src/assets/crops/potato/5.png
diff --git a/public/assets/potato/6.png b/src/assets/crops/potato/6.png
similarity index 100%
rename from public/assets/potato/6.png
rename to src/assets/crops/potato/6.png
diff --git a/public/assets/rice/1.png b/src/assets/crops/rice/1.png
similarity index 100%
rename from public/assets/rice/1.png
rename to src/assets/crops/rice/1.png
diff --git a/public/assets/rice/2.png b/src/assets/crops/rice/2.png
similarity index 100%
rename from public/assets/rice/2.png
rename to src/assets/crops/rice/2.png
diff --git a/public/assets/rice/3.png b/src/assets/crops/rice/3.png
similarity index 100%
rename from public/assets/rice/3.png
rename to src/assets/crops/rice/3.png
diff --git a/public/assets/rice/4.png b/src/assets/crops/rice/4.png
similarity index 100%
rename from public/assets/rice/4.png
rename to src/assets/crops/rice/4.png
diff --git a/public/assets/rice/5.png b/src/assets/crops/rice/5.png
similarity index 100%
rename from public/assets/rice/5.png
rename to src/assets/crops/rice/5.png
diff --git a/public/assets/rice/6.png b/src/assets/crops/rice/6.png
similarity index 100%
rename from public/assets/rice/6.png
rename to src/assets/crops/rice/6.png
diff --git a/public/assets/rose/1.png b/src/assets/crops/rose/1.png
similarity index 100%
rename from public/assets/rose/1.png
rename to src/assets/crops/rose/1.png
diff --git a/public/assets/rose/2.png b/src/assets/crops/rose/2.png
similarity index 100%
rename from public/assets/rose/2.png
rename to src/assets/crops/rose/2.png
diff --git a/public/assets/rose/3.png b/src/assets/crops/rose/3.png
similarity index 100%
rename from public/assets/rose/3.png
rename to src/assets/crops/rose/3.png
diff --git a/public/assets/rose/4.png b/src/assets/crops/rose/4.png
similarity index 100%
rename from public/assets/rose/4.png
rename to src/assets/crops/rose/4.png
diff --git a/public/assets/rose/5.png b/src/assets/crops/rose/5.png
similarity index 100%
rename from public/assets/rose/5.png
rename to src/assets/crops/rose/5.png
diff --git a/public/assets/rose/6.png b/src/assets/crops/rose/6.png
similarity index 100%
rename from public/assets/rose/6.png
rename to src/assets/crops/rose/6.png
diff --git a/public/assets/strawberry/1.png b/src/assets/crops/strawberry/1.png
similarity index 100%
rename from public/assets/strawberry/1.png
rename to src/assets/crops/strawberry/1.png
diff --git a/public/assets/strawberry/2.png b/src/assets/crops/strawberry/2.png
similarity index 100%
rename from public/assets/strawberry/2.png
rename to src/assets/crops/strawberry/2.png
diff --git a/public/assets/strawberry/3.png b/src/assets/crops/strawberry/3.png
similarity index 100%
rename from public/assets/strawberry/3.png
rename to src/assets/crops/strawberry/3.png
diff --git a/public/assets/strawberry/4.png b/src/assets/crops/strawberry/4.png
similarity index 100%
rename from public/assets/strawberry/4.png
rename to src/assets/crops/strawberry/4.png
diff --git a/public/assets/strawberry/5.png b/src/assets/crops/strawberry/5.png
similarity index 100%
rename from public/assets/strawberry/5.png
rename to src/assets/crops/strawberry/5.png
diff --git a/public/assets/strawberry/6.png b/src/assets/crops/strawberry/6.png
similarity index 100%
rename from public/assets/strawberry/6.png
rename to src/assets/crops/strawberry/6.png
diff --git a/public/assets/sunflower/1.png b/src/assets/crops/sunflower/1.png
similarity index 100%
rename from public/assets/sunflower/1.png
rename to src/assets/crops/sunflower/1.png
diff --git a/public/assets/sunflower/2.png b/src/assets/crops/sunflower/2.png
similarity index 100%
rename from public/assets/sunflower/2.png
rename to src/assets/crops/sunflower/2.png
diff --git a/public/assets/sunflower/3.png b/src/assets/crops/sunflower/3.png
similarity index 100%
rename from public/assets/sunflower/3.png
rename to src/assets/crops/sunflower/3.png
diff --git a/public/assets/sunflower/4.png b/src/assets/crops/sunflower/4.png
similarity index 100%
rename from public/assets/sunflower/4.png
rename to src/assets/crops/sunflower/4.png
diff --git a/public/assets/sunflower/5.png b/src/assets/crops/sunflower/5.png
similarity index 100%
rename from public/assets/sunflower/5.png
rename to src/assets/crops/sunflower/5.png
diff --git a/public/assets/sunflower/6.png b/src/assets/crops/sunflower/6.png
similarity index 100%
rename from public/assets/sunflower/6.png
rename to src/assets/crops/sunflower/6.png
diff --git a/public/assets/tomato/1.png b/src/assets/crops/tomato/1.png
similarity index 100%
rename from public/assets/tomato/1.png
rename to src/assets/crops/tomato/1.png
diff --git a/public/assets/tomato/2.png b/src/assets/crops/tomato/2.png
similarity index 100%
rename from public/assets/tomato/2.png
rename to src/assets/crops/tomato/2.png
diff --git a/public/assets/tomato/3.png b/src/assets/crops/tomato/3.png
similarity index 100%
rename from public/assets/tomato/3.png
rename to src/assets/crops/tomato/3.png
diff --git a/public/assets/tomato/4.png b/src/assets/crops/tomato/4.png
similarity index 100%
rename from public/assets/tomato/4.png
rename to src/assets/crops/tomato/4.png
diff --git a/public/assets/tomato/5.png b/src/assets/crops/tomato/5.png
similarity index 100%
rename from public/assets/tomato/5.png
rename to src/assets/crops/tomato/5.png
diff --git a/public/assets/tomato/6.png b/src/assets/crops/tomato/6.png
similarity index 100%
rename from public/assets/tomato/6.png
rename to src/assets/crops/tomato/6.png
diff --git a/public/assets/tulip/1.png b/src/assets/crops/tulip/1.png
similarity index 100%
rename from public/assets/tulip/1.png
rename to src/assets/crops/tulip/1.png
diff --git a/public/assets/tulip/2.png b/src/assets/crops/tulip/2.png
similarity index 100%
rename from public/assets/tulip/2.png
rename to src/assets/crops/tulip/2.png
diff --git a/public/assets/tulip/3.png b/src/assets/crops/tulip/3.png
similarity index 100%
rename from public/assets/tulip/3.png
rename to src/assets/crops/tulip/3.png
diff --git a/public/assets/tulip/4.png b/src/assets/crops/tulip/4.png
similarity index 100%
rename from public/assets/tulip/4.png
rename to src/assets/crops/tulip/4.png
diff --git a/public/assets/tulip/5.png b/src/assets/crops/tulip/5.png
similarity index 100%
rename from public/assets/tulip/5.png
rename to src/assets/crops/tulip/5.png
diff --git a/public/assets/tulip/6.png b/src/assets/crops/tulip/6.png
similarity index 100%
rename from public/assets/tulip/6.png
rename to src/assets/crops/tulip/6.png
diff --git a/public/assets/turnip/1.png b/src/assets/crops/turnip/1.png
similarity index 100%
rename from public/assets/turnip/1.png
rename to src/assets/crops/turnip/1.png
diff --git a/public/assets/turnip/2.png b/src/assets/crops/turnip/2.png
similarity index 100%
rename from public/assets/turnip/2.png
rename to src/assets/crops/turnip/2.png
diff --git a/public/assets/turnip/3.png b/src/assets/crops/turnip/3.png
similarity index 100%
rename from public/assets/turnip/3.png
rename to src/assets/crops/turnip/3.png
diff --git a/public/assets/turnip/4.png b/src/assets/crops/turnip/4.png
similarity index 100%
rename from public/assets/turnip/4.png
rename to src/assets/crops/turnip/4.png
diff --git a/public/assets/turnip/5.png b/src/assets/crops/turnip/5.png
similarity index 100%
rename from public/assets/turnip/5.png
rename to src/assets/crops/turnip/5.png
diff --git a/public/assets/turnip/6.png b/src/assets/crops/turnip/6.png
similarity index 100%
rename from public/assets/turnip/6.png
rename to src/assets/crops/turnip/6.png
diff --git a/public/assets/wheat/1.png b/src/assets/crops/wheat/1.png
similarity index 100%
rename from public/assets/wheat/1.png
rename to src/assets/crops/wheat/1.png
diff --git a/public/assets/wheat/2.png b/src/assets/crops/wheat/2.png
similarity index 100%
rename from public/assets/wheat/2.png
rename to src/assets/crops/wheat/2.png
diff --git a/public/assets/wheat/3.png b/src/assets/crops/wheat/3.png
similarity index 100%
rename from public/assets/wheat/3.png
rename to src/assets/crops/wheat/3.png
diff --git a/public/assets/wheat/4.png b/src/assets/crops/wheat/4.png
similarity index 100%
rename from public/assets/wheat/4.png
rename to src/assets/crops/wheat/4.png
diff --git a/public/assets/wheat/5.png b/src/assets/crops/wheat/5.png
similarity index 100%
rename from public/assets/wheat/5.png
rename to src/assets/crops/wheat/5.png
diff --git a/public/assets/wheat/6.png b/src/assets/crops/wheat/6.png
similarity index 100%
rename from public/assets/wheat/6.png
rename to src/assets/crops/wheat/6.png
diff --git a/src/assets/items/cooking.png b/src/assets/items/cooking.png
new file mode 100644
index 0000000..db13898
Binary files /dev/null and b/src/assets/items/cooking.png differ
diff --git a/src/assets/items/plant.png b/src/assets/items/plant.png
new file mode 100644
index 0000000..261e6df
Binary files /dev/null and b/src/assets/items/plant.png differ
diff --git a/src/assets/items/quests.png b/src/assets/items/quests.png
new file mode 100644
index 0000000..38a375d
Binary files /dev/null and b/src/assets/items/quests.png differ
diff --git a/src/components/CropField.vue b/src/components/CropField.vue
index 35b5cd8..903533e 100644
--- a/src/components/CropField.vue
+++ b/src/components/CropField.vue
@@ -1,11 +1,46 @@
 <template>
     <div class="row grass-border" id="field">
         <div :class="'crop-field '+(!field.data ? 'empty' : '')"
-             v-on:click="plant(field.id)"
-             v-on:contextmenu="cropInformation(field.id)"
+             v-on:click="selectSeed(field.id)"
+             v-on:contextmenu="cropInformation(field.id);"
              v-for="field in fields"
              v-bind:key="field.id">
-            {{ field.id }}
+            <img v-if="field.data" class="planted-field" :src="getCropAsset(field)"/>
+            <div v-if="field.data && field.data.percentDone < 100" class="percent-bar-wrapper">
+                <div class="percent-bar" :style="'width:'+field.data.percentDone+'%'"></div>
+            </div>
+        </div>
+    </div>
+
+    <div class="modal fade" id="cropInventoryModal" tabindex="-1" aria-labelledby="cropInventoryModalLabel"
+         aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content steel-border">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="cropInventoryModalLabel">Select a crop to be planted</h5>
+                </div>
+
+                <div class="modal-body">
+                    <div class="row">
+                        <div class="col-6 pixel-border-static"
+                             v-for="seed in $store.getters.getSeedsInInventory"
+                             v-bind:key="seed"
+                             data-bs-dismiss="modal">
+                            <div v-on:click="plantSeed(seed)">
+                                <img :src="seed.assetsFolder+'/6.png'" :alt="seed.name">
+                                {{ seed.name }}
+                            </div>
+                        </div>
+                        <div v-if="!$store.getters.getSeedsInInventory.length">
+                            No seeds to plant.
+                        </div>
+                    </div>
+                </div>
+
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-pixel-border" data-bs-dismiss="modal">Cancel</button>
+                </div>
+            </div>
         </div>
     </div>
 </template>
@@ -21,11 +56,14 @@ export default {
         }
     },
     methods: {
-        plant(id) {
+        selectSeed(id) {
             this.$store.commit('selectField', id);
             const modal = new Modal(document.getElementById('cropInventoryModal'))
             modal.toggle();
         },
+        plantSeed(seed) {
+            this.$store.commit('plantSeed', seed);
+        },
         cropInformation(id) {
             this.$store.commit('selectField', id);
 
@@ -36,6 +74,23 @@ export default {
             const modal = new Modal(document.getElementById('cropInformationModal'))
             modal.toggle();
             return false;
+        },
+        getCropAsset(field) {
+            let seed = this.$store.state.itemCatalogue.find((item) => {
+                return item.id === field.data.seed_id;
+            });
+
+            if (field.data.percentDone >= 100) {
+                return seed.assetsFolder + '5.png';
+            } else if (field.data.percentDone > 75) {
+                return seed.assetsFolder + '4.png';
+            } else if (field.data.percentDone > 50) {
+                return seed.assetsFolder + '3.png';
+            } else if (field.data.percentDone > 25) {
+                return seed.assetsFolder + '2.png';
+            } else {
+                return seed.assetsFolder + '1.png';
+            }
         }
     }
 }
@@ -57,5 +112,34 @@ export default {
     background-repeat: no-repeat;
     background-size: 100%;
     margin: 3px auto;
+    padding: 0;
+}
+
+.crop-field:hover {
+    opacity: 0.5;
+}
+
+.crop-field:not(.empty) {
+    background:
+        linear-gradient(
+            rgba(0, 0, 0, 0.2),
+            rgba(0, 0, 0, 0.2)
+        ),
+        url('@/assets/field/tile057.png');
+}
+
+.planted-field {
+    height: 100%;
+    width: auto;
+}
+
+.percent-bar-wrapper {
+    z-index: 300;
+    margin-top: -0.2em;
+}
+
+.percent-bar {
+    background-color: green;
+    height: 0.2em;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/CropInformation.vue b/src/components/CropInformation.vue
index a13f78e..b954b2c 100644
--- a/src/components/CropInformation.vue
+++ b/src/components/CropInformation.vue
@@ -1,9 +1,19 @@
 <template>
-    <div class="modal fade" id="cropInformationModal" tabindex="-1" aria-labelledby="cropInformationModalLabel" aria-hidden="true">
+    <div class="modal fade"
+         id="cropInformationModal"
+         tabindex="-1"
+         aria-labelledby="cropInformationModalLabel"
+         aria-hidden="true"
+         v-if="$store.getters.selectedField">
         <div class="modal-dialog modal-dialog-centered">
             <div class="modal-content steel-border">
                 <div class="modal-header">
-                    <h5 class="modal-title" id="cropInformationModalLabel">Information on crop {{ $store.state.selections.field }}</h5>
+                    <h5 class="modal-title" id="cropInformationModalLabel">Crop information</h5>
+                </div>
+
+                <div class="modal-body" v-if="$store.getters.selectedField.data">
+                    Seed: {{ $store.getters.selectedFieldSeed.name }}<br/>
+                    Percent done: {{ $store.getters.selectedField.data.percentDone }}<br/>
                 </div>
 
                 <div class="modal-footer">
@@ -16,8 +26,7 @@
 
 <script>
 export default {
-    name: "CropInformation",
-    computed: {}
+    name: "CropInformation"
 }
 </script>
 
diff --git a/src/components/CropInventory.vue b/src/components/CropInventory.vue
deleted file mode 100644
index ee68ef6..0000000
--- a/src/components/CropInventory.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <div class="modal fade" id="cropInventoryModal" tabindex="-1" aria-labelledby="cropInventoryModalLabel" aria-hidden="true">
-        <div class="modal-dialog modal-dialog-centered">
-            <div class="modal-content steel-border">
-                <div class="modal-header">
-                    <h5 class="modal-title" id="cropInventoryModalLabel">Select a crop to be planted</h5>
-                </div>
-
-                <div class="modal-body">
-                    <div class="seed-item" v-for="seed in $store.getters.seeds" v-bind:key="seed">
-                        <img :src="'/assets/crops/wheat/6.png'" :alt="seed.name">
-                        {{ seed.name }}
-                    </div>
-                </div>
-
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-pixel-border" data-bs-dismiss="modal">Cancel</button>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "CropInventory",
-    computed: {}
-}
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/src/components/ItemShop.vue b/src/components/ItemShop.vue
index c10a066..407152d 100644
--- a/src/components/ItemShop.vue
+++ b/src/components/ItemShop.vue
@@ -8,10 +8,10 @@
 
                 <div class="modal-body">
                     <div class="row">
-                        <div class="col-12 seed-card" v-for="seed in seeds" v-bind:key="seed">
+                        <div class="col-12 seed-card" v-for="seed in $store.getters.getSeedsFromCatalogue" v-bind:key="seed">
                             <div class="float-end">
-                                <a href="" class="btn btn-sm btn-pixel-border">Buy 1</a>
-                                <a href="" class="btn btn-sm btn-pixel-border">Buy 5</a>
+                                <a href="javascript:" v-on:click="$store.commit('buyItem', {item: seed, quantity: 1})" class="btn btn-sm btn-pixel-border">Buy 1</a>
+                                <a href="javascript:" v-on:click="$store.commit('buyItem', {item: seed, quantity: 5})" class="btn btn-sm btn-pixel-border">Buy 5</a>
                             </div>
                             <div class="row">
                                 <div class="col-12">
@@ -19,8 +19,8 @@
                                         <img :src="seed.assetsFolder+'/6.png'" class="seed-icon" :alt="seed.name">
                                     </div>
                                     {{ seed.name }}<br/>
-                                    Costs {{ seed.buy }}$<br>
-                                    Sells for {{ seed.sell }}$ when harvested<br>
+                                    Costs {{ seed.economy.buy }}$<br>
+                                    Sells for {{ seed.economy.sell }}$ when harvested<br>
                                 </div>
                             </div>
                         </div>
@@ -36,18 +36,9 @@
 </template>
 
 <script>
-import {Seeds} from "@/data/seeds";
 
 export default {
-    name: "ItemShop",
-    data() {
-        return {
-            seeds: []
-        }
-    },
-    mounted() {
-        this.seeds = Seeds;
-    }
+    name: "ItemShop"
 }
 </script>
 
diff --git a/src/components/StatusBar.vue b/src/components/StatusBar.vue
index d2b88ca..42fb0d6 100644
--- a/src/components/StatusBar.vue
+++ b/src/components/StatusBar.vue
@@ -1,28 +1,26 @@
 <template>
     <div class="row" id="status-bar">
-        <div class="col-12 pixel-border-static time-display">
-            <div class="float-end">
-                {{ $store.state.time.season }}, Week #{{ $store.state.time.week }}
+        <div class="col-12 pixel-border-static status-bar-inner">
+            <div class="float-end time-display">
+                {{ $store.state.time.season }}, Week #{{ $store.state.time.week }}<br/>
+                {{ $store.state.time.stamp }} | {{ weekday }}
             </div>
+
             <div>
-                {{ weekday }} | {{ $store.state.time.stamp }}
+                Money: {{ $store.state.player.money.toLocaleString() }}$
             </div>
         </div>
     </div>
 </template>
 
 <script>
-import moment from "moment";
-import Weekdays from "@/data/weekdays";
+import Weekdays from "@/data/Weekdays";
 
 export default {
     name: "StatusBar",
     computed: {
         weekday() {
             return Weekdays[this.$store.state.time.weekday];
-        },
-        time() {
-            return moment().format('H:mm:ss');
         }
     }
 }
@@ -35,6 +33,10 @@ export default {
 }
 
 .time-display {
+    text-align: right;
+}
+
+.status-bar-inner {
     text-align: left;
     background-color: white;
     border-radius: 25px;
diff --git a/src/data/ItemTypes.js b/src/data/ItemTypes.js
new file mode 100644
index 0000000..c8dc8a2
--- /dev/null
+++ b/src/data/ItemTypes.js
@@ -0,0 +1,4 @@
+export default {
+    Seeds: 'SEEDS',
+    FieldProducts: 'FIELD_PRODUCTS'
+}
diff --git a/src/data/Items.js b/src/data/Items.js
new file mode 100644
index 0000000..b55c954
--- /dev/null
+++ b/src/data/Items.js
@@ -0,0 +1,272 @@
+import Seasons from "@/data/Seasons";
+import ItemTypes from "@/data/ItemTypes";
+import {CropAssets} from "@/data/Paths";
+
+export default [
+    {
+        name: 'Wheat seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'wheat/',
+        economy: {
+            buy: 5,
+            sell: 10
+        },
+        cropData: {
+            timeToGrow: 1,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Rice seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'rice/',
+        economy: {
+            buy: 5,
+            sell: 10,
+        },
+        cropData: {
+            timeToGrow: 2,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Turnip seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'turnip/',
+        economy: {
+            buy: 10,
+            sell: 20,
+        },
+        cropData: {
+            timeToGrow: 3,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Potato seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'potato/',
+        economy: {
+            buy: 10,
+            sell: 20,
+        },
+        cropData: {
+            timeToGrow: 3,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Corn seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'corn/',
+        economy: {
+            buy: 15,
+            sell: 25,
+        },
+        cropData: {
+            timeToGrow: 7,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Eggplant seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'eggplant/',
+        economy: {
+            buy: 15,
+            sell: 25,
+        },
+        cropData: {
+            timeToGrow: 9,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Grapes seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'grapes/',
+        economy: {
+            buy: 15,
+            sell: 25,
+        },
+        cropData: {
+            timeToGrow: 9,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Tomato seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'tomato/',
+        economy: {
+            buy: 20,
+            sell: 35,
+        },
+        cropData: {
+            timeToGrow: 10,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Cucumber seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'cucumber/',
+        economy: {
+            buy: 30,
+            sell: 55,
+        },
+        cropData: {
+            timeToGrow: 15,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Strawberry seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'strawberry/',
+        economy: {
+            buy: 60,
+            sell: 140,
+        },
+        cropData: {
+            timeToGrow: 60,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Orange seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'orange/',
+        economy: {
+            buy: 60,
+            sell: 140,
+        },
+        cropData: {
+            timeToGrow: 60,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Lemon seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'lemon/',
+        economy: {
+            buy: 60,
+            sell: 140,
+        },
+        cropData: {
+            timeToGrow: 60,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Pineapple seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'pineapple/',
+        economy: {
+            buy: 60,
+            sell: 140,
+        },
+        cropData: {
+            timeToGrow: 60,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Melon seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'melon/',
+        economy: {
+            buy: 60,
+            sell: 140,
+        },
+        cropData: {
+            timeToGrow: 60,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Coffee seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'coffee/',
+        economy: {
+            buy: 60,
+            sell: 140,
+        },
+        cropData: {
+            timeToGrow: 60,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Cassava seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'cassava/',
+        economy: {
+            buy: 60,
+            sell: 140,
+        },
+        cropData: {
+            timeToGrow: 60,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Sunflower seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'sunflower/',
+        economy: {
+            buy: 10,
+            sell: 20,
+        },
+        cropData: {
+            timeToGrow: 5,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Roses seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'rose/',
+        economy: {
+            buy: 10,
+            sell: 20,
+        },
+        cropData: {
+            timeToGrow: 5,
+            season: Seasons.Summer
+        }
+    },
+    {
+        name: 'Tulips seeds',
+        type: ItemTypes.Seeds,
+        description: '',
+        assetsFolder: CropAssets + 'tulip/',
+        economy: {
+            buy: 10,
+            sell: 20,
+        },
+        cropData: {
+            timeToGrow: 5,
+            season: Seasons.Summer
+        }
+    },
+]
diff --git a/src/data/Paths.js b/src/data/Paths.js
new file mode 100644
index 0000000..55982f2
--- /dev/null
+++ b/src/data/Paths.js
@@ -0,0 +1 @@
+export const CropAssets = '/assets/crops/'
diff --git a/src/data/Seasons.js b/src/data/Seasons.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/data/weekdays.js b/src/data/Weekdays.js
similarity index 100%
rename from src/data/weekdays.js
rename to src/data/Weekdays.js
diff --git a/src/data/itemNames.js b/src/data/itemNames.js
deleted file mode 100644
index a74a326..0000000
--- a/src/data/itemNames.js
+++ /dev/null
@@ -1,21 +0,0 @@
-export default {
-    Wheat: 'wheat',
-    Rice: 'rice',
-    Turnip: 'turnip',
-    Potato: 'potato',
-    Corn: 'corn',
-    Eggplant: 'eggplant',
-    Grapes: 'grapes',
-    Tomato: 'tomato',
-    Cucumber: 'cucumber',
-    Strawberries: 'strawberries',
-    Orange: 'orange',
-    Lemon: 'lemon',
-    Pineapple: 'pineapple',
-    Melon: 'melon',
-    Coffee: 'coffee',
-    Cassava: 'cassava',
-    Sunflower: 'sunflower',
-    Roses: 'roses',
-    Tulips: 'tulips',
-};
diff --git a/src/data/itemTypes.js b/src/data/itemTypes.js
deleted file mode 100644
index 8219212..0000000
--- a/src/data/itemTypes.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export default {
-    Seeds: 'seeds',
-    Fruits: 'fruits'
-}
diff --git a/src/data/seasons.js b/src/data/seasons.js
deleted file mode 100644
index cd8628d..0000000
--- a/src/data/seasons.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-    Spring: 'Spring',
-    Summer: 'Summer',
-    Autumn: 'Autumn',
-    Winter: 'Winter'
-};
diff --git a/src/data/seeds.js b/src/data/seeds.js
deleted file mode 100644
index 20afa7d..0000000
--- a/src/data/seeds.js
+++ /dev/null
@@ -1,135 +0,0 @@
-export const Seeds = [
-    {
-        name: 'Wheat seeds',
-        timeToGrow: 1,
-        assetsFolder: '/assets/crops/wheat/',
-        buy: 5,
-        sell: 10
-    },
-    {
-        name: 'Rice seeds',
-        timeToGrow: 2,
-        assetsFolder: '/assets/crops/rice/',
-        buy: 5,
-        sell: 10,
-    },
-    {
-        name: 'Turnip seeds',
-        timeToGrow: 3,
-        assetsFolder: '/assets/crops/turnip/',
-        buy: 10,
-        sell: 20,
-    },
-    {
-        name: 'Potato seeds',
-        timeToGrow: 3,
-        assetsFolder: '/assets/crops/potato/',
-        buy: 10,
-        sell: 20,
-    },
-    {
-        name: 'Corn seeds',
-        timeToGrow: 7,
-        assetsFolder: '/assets/crops/corn/',
-        buy: 15,
-        sell: 25,
-    },
-    {
-        name: 'Eggplant seeds',
-        timeToGrow: 9,
-        assetsFolder: '/assets/crops/eggplant/',
-        buy: 15,
-        sell: 25,
-    },
-    {
-        name: 'Grapes seeds',
-        timeToGrow: 9,
-        assetsFolder: '/assets/crops/grapes/',
-        buy: 15,
-        sell: 25,
-    },
-    {
-        name: 'Tomato seeds',
-        timeToGrow: 10,
-        assetsFolder: '/assets/crops/tomato/',
-        buy: 20,
-        sell: 35,
-    },
-    {
-        name: 'Cucumber seeds',
-        timeToGrow: 15,
-        assetsFolder: '/assets/crops/cucumber/',
-        buy: 30,
-        sell: 55,
-    },
-    {
-        name: 'Strawberry seeds',
-        timeToGrow: 60,
-        assetsFolder: '/assets/crops/strawberry/',
-        buy: 60,
-        sell: 140,
-    },
-    {
-        name: 'Orange seeds',
-        timeToGrow: 60,
-        assetsFolder: '/assets/crops/orange/',
-        buy: 60,
-        sell: 140,
-    },
-    {
-        name: 'Lemon seeds',
-        timeToGrow: 60,
-        assetsFolder: '/assets/crops/lemon/',
-        buy: 60,
-        sell: 140,
-    },
-    {
-        name: 'Pineapple seeds',
-        timeToGrow: 60,
-        assetsFolder: '/assets/crops/pineapple/',
-        buy: 60,
-        sell: 140,
-    },
-    {
-        name: 'Melon seeds',
-        timeToGrow: 60,
-        assetsFolder: '/assets/crops/melon/',
-        buy: 60,
-        sell: 140,
-    },
-    {
-        name: 'Coffee seeds',
-        timeToGrow: 60,
-        assetsFolder: '/assets/crops/coffee/',
-        buy: 60,
-        sell: 140,
-    },
-    {
-        name: 'Cassava seeds',
-        timeToGrow: 60,
-        assetsFolder: '/assets/crops/cassava/',
-        buy: 60,
-        sell: 140,
-    },
-    {
-        name: 'Sunflower seeds',
-        timeToGrow: 5,
-        assetsFolder: '/assets/crops/sunflower/',
-        buy: 10,
-        sell: 20,
-    },
-    {
-        name: 'Roses seeds',
-        timeToGrow: 5,
-        assetsFolder: '/assets/crops/rose/',
-        buy: 10,
-        sell: 20,
-    },
-    {
-        name: 'Tulips seeds',
-        timeToGrow: 5,
-        assetsFolder: '/assets/crops/tulip/',
-        buy: 10,
-        sell: 20,
-    },
-]
diff --git a/src/store/index.js b/src/store/index.js
index 4f63bdb..ffee680 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,17 +1,21 @@
 import {createStore} from 'vuex'
 import moment from "moment";
-import getSeason from "@/tools/getSeason";
-import ItemTypes from "@/data/itemTypes";
+import {SeasonService} from "@/tools/SeasonService";
+import ItemTypes from "@/data/ItemTypes";
+import Items from "@/data/Items";
 
 
 export default createStore({
     state: {
+        initialized: null,
+        itemCatalogue: [],
         player: {
+            // TODO: ADD PLAYER INTRODUCTION
             name: 'Franz',
-            money: 0
-        },
-        unlocked: {
-            fields: 48
+            money: 1_000,
+            unlocked: {
+                fields: 48
+            },
         },
         time: {
             stamp: null,
@@ -20,14 +24,7 @@ export default createStore({
             weekday: null,
             weekdayNr: null
         },
-        inventory: [
-            {
-                name: 'Wheat seeds',
-                type: ItemTypes.Seeds,
-                cropID: 1,
-                count: 0
-            }
-        ],
+        inventory: [],
         cropField: [],
         selections: {
             field: null,
@@ -36,22 +33,52 @@ export default createStore({
     },
     getters: {
         selectedField(state) {
-            return state.cropField.filter(function (field) {
+            return state.cropField.find(function (field) {
                 return field.id === state.selections.field;
-            })[0];
+            }) ?? {};
+        },
+        selectedFieldSeed() {
+            return this.getters.getSeedsFromCatalogue.find((seed) => {
+                return seed.id = this.getters.selectedField.data.seed_id;
+            });
         },
-        seeds(state) {
-            return state.inventory.filter(function (item) {
+        getSeedsInInventory(state) {
+            return state.inventory.filter((inventoryItem) => {
+                return inventoryItem.type === ItemTypes.Seeds && inventoryItem.quantity > 0;
+            }).map((inventoryItem) => {
+                let item = state.itemCatalogue.find((item) => {
+                    return item.id === inventoryItem.id;
+                });
+
+                item.quantity = inventoryItem.quantity;
+                return item;
+            });
+        },
+        getSeedsFromCatalogue(state) {
+            return state.itemCatalogue.filter((item) => {
                 return item.type === ItemTypes.Seeds;
             });
         },
+        getItem(state, id) {
+            return state.itemCatalogue.find((item) => {
+                return item.id === id;
+            });
+        }
     },
     mutations: {
         initialize(state) {
+            state.itemCatalogue = Items.map((item, index) => {
+                item.id = index+1;
+                return item;
+            });
+
+            this.commit('checkForSeasonChange');
+
             state.time.week = moment().week();
-            state.time.season = getSeason(state.time.week);
+            state.time.season = SeasonService.getSeasonByWeek(state.time.week);
             state.time.weekday = moment().weekday();
             state.time.weekdayNr = moment().format('dddd');
+            state.initialized = moment();
 
             this.commit('generateField');
         },
@@ -61,7 +88,7 @@ export default createStore({
         generateField(state) {
             let fieldIndex = 0;
 
-            while(state.cropField.length < state.unlocked.fields) {
+            while(state.cropField.length < state.player.unlocked.fields) {
                 fieldIndex++;
 
                 state.cropField.push({
@@ -72,6 +99,98 @@ export default createStore({
         selectField(state, id) {
             console.debug('select field with id '+id)
             state.selections.field = id;
+        },
+        plantSeed(state, seed) {
+            let selectedField = state.cropField.find((field) => {
+                return field.id === state.selections.field;
+            });
+
+            /*** SEED PLANTING ***/
+            selectedField.data = {
+                planted: moment(),
+                readyForHarvest: moment().add(seed.cropData.timeToGrow, 'minutes'),
+                percentDone: 0,
+                canBeHarvested: false,
+                seed_id: seed.id
+            }
+
+            this.commit('removeItemFromInventory', {
+                item: seed,
+                quantity: 1
+            });
+        },
+        checkForSeasonChange(state) {
+            let prevDate = state.initialized;
+
+            if (moment(prevDate).weekday() === 7 && moment().weekday() === 1) {
+                console.debug('SEASON CHANGE DETECTED');
+
+                // TODO: KILL ALL THE CROPS
+            }
+        },
+        buyItem(state, props = {item: Object, quantity: Number}) {
+            let purchasePrice = props.item.economy.buy * props.quantity;
+
+            if (purchasePrice > state.player.money) {
+                alert("Not enough money to buy "+props.quantity+" of "+props.item.name);
+                return false;
+            }
+
+            this.commit('addItemToInventory', {
+                item: props.item,
+                quantity: props.quantity
+            });
+
+            state.player.money -= purchasePrice;
+        },
+        addItemToInventory(state, props = {item: Object, quantity: Number}) {
+            let itemInInventory = state.inventory.find((inventoryItem) => {
+                return inventoryItem.id === props.item.id;
+            })
+
+            if (itemInInventory) {
+                itemInInventory.quantity += props.quantity;
+            } else {
+                /*** INVENTORY ITEM CREATION ***/
+                state.inventory.push({
+                    id: props.item.id,
+                    type: props.item.type,
+                    quantity: props.quantity
+                })
+            }
+        },
+        removeItemFromInventory(state, props = {item: Object, quantity: Number}) {
+            let itemInInventory = state.inventory.find((inventoryItem) => {
+                return inventoryItem.id === props.item.id;
+            })
+
+            if (itemInInventory) {
+                itemInInventory.quantity -= props.quantity;
+            }
+        },
+        updateCrops(state) {
+            state.cropField.filter((field) => {
+                return field.data != null && !field.data.canBeHarvested;
+            }).forEach(function (field) {
+                let seed = state.itemCatalogue.find((item) => {
+                    return item.id === field.data.seed_id;
+                });
+
+                if (field.data.readyForHarvest < moment()) {
+                    field.data.canBeHarvested = true;
+                }
+
+                if (field.data.percentDone <= 100) {
+                    let minutesLeft = moment.duration(moment(field.data.readyForHarvest).diff(moment())).asMinutes();
+                    field.data.percentDone = Number((Number(seed.cropData.timeToGrow) * 100) / Number(minutesLeft) - 100).toFixed(2);
+                    if (field.data.percentDone >= 100) {
+                        field.data.percentDone = 100;
+                        field.data.canBeHarvested = true;
+                    }
+                } else {
+                    field.data.canBeHarvested = true;
+                }
+            });
         }
     },
     actions: {},
diff --git a/src/tools/SeasonService.js b/src/tools/SeasonService.js
new file mode 100644
index 0000000..95f264e
--- /dev/null
+++ b/src/tools/SeasonService.js
@@ -0,0 +1,24 @@
+export class SeasonService {
+    static getSeasonByWeek(week) {
+        let mod = week % 4;
+
+        switch (mod) {
+            case 1:
+                return Seasons.Spring;
+            case 2:
+                return Seasons.Summer;
+            case 3:
+                return Seasons.Autumn;
+            case 0:
+            default:
+                return Seasons.Winter;
+        }
+    }
+}
+
+export const Seasons = {
+    Spring: 'Spring',
+    Summer: 'Summer',
+    Autumn: 'Autumn',
+    Winter: 'Winter'
+};
diff --git a/src/tools/getSeason.js b/src/tools/getSeason.js
deleted file mode 100644
index 13a274b..0000000
--- a/src/tools/getSeason.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import Seasons from "@/data/seasons";
-
-export default function (week) {
-    let mod = week % 4;
-
-    switch (mod) {
-        case 1:
-            return Seasons.Spring;
-        case 2:
-            return Seasons.Summer;
-        case 3:
-            return Seasons.Autumn;
-        case 0:
-        default:
-            return Seasons.Winter;
-    }
-}
diff --git a/src/views/GameView.vue b/src/views/GameView.vue
index b560d6d..04834fe 100644
--- a/src/views/GameView.vue
+++ b/src/views/GameView.vue
@@ -4,23 +4,21 @@
         <CropField/>
     </div>
     <MenuBar/>
-    <CropInventory/>
     <CropInformation/>
     <ItemShop/>
 </template>
 
 <script>
+import moment from "moment";
 import StatusBar from "@/components/StatusBar";
 import CropField from "@/components/CropField";
-import moment from "moment";
 import MenuBar from "@/components/MenuBar";
-import CropInventory from "@/components/CropInventory";
 import CropInformation from "@/components/CropInformation";
 import ItemShop from "@/components/ItemShop";
 
 export default {
     name: "GameView",
-    components: {ItemShop, CropInformation, CropInventory, MenuBar, CropField, StatusBar},
+    components: {ItemShop, CropInformation, MenuBar, CropField, StatusBar},
     data() {
         return {
             time: null,
@@ -32,22 +30,34 @@ export default {
     mounted() {
         let game = this;
 
+        console.debug('TICK - START');
         window.gameTick = setInterval(() => {
             game.tick();
-        }, game.config.tickTime)
+        }, game.config.tickTime);
+
+        window.addEventListener('gamepadconnected', () => {
+            console.debug('Gamepad connected');
+        })
     },
     methods: {
         tick() {
             let game = this;
             let tickStart = moment();
-            // tick operations
+            /*** tick start ***/
 
             game.$store.commit('updateTimestamp');
+            game.$store.commit('updateCrops');
+
+            /*** Check for passing midnight ***/
+            if (moment(game.$store.initialized).format('Ymd') !== tickStart.format('Ymd')) {
+                console.warn("Current date doesn't match initialization-date.\nRe-initializing data.");
+                game.$store.commit('initialize');
+            }
 
-            // tick end & measurements
+            /*** tick end & measurements ***/
             let tickTimeInSeconds = tickStart.diff(moment(), 'milliseconds', true);
             if (tickTimeInSeconds > game.config.tickTime) {
-                console.warn('Tick took longer: '+tickTimeInSeconds)
+                console.warn('Tick took longer: '+tickTimeInSeconds);
             }
         }
     },
diff --git a/tests/unit/getSeason.spec.js b/tests/unit/getSeason.spec.js
index bd49fbc..ed0164b 100644
--- a/tests/unit/getSeason.spec.js
+++ b/tests/unit/getSeason.spec.js
@@ -1,42 +1,41 @@
-import Seasons from "@/data/seasons";
-import getSeason from "@/tools/getSeason";
+import {Seasons, SeasonService} from "@/tools/SeasonService";
 
 test('expect week 1 to return season spring', () => {
-    expect(getSeason(1)).toBe(Seasons.Spring);
+    expect(SeasonService.getSeasonByWeek(1)).toBe(Seasons.Spring);
 });
 
 test('expect week 2 to return season summer', () => {
-    expect(getSeason(2)).toBe(Seasons.Summer);
+    expect(SeasonService.getSeasonByWeek(2)).toBe(Seasons.Summer);
 });
 
 test('expect week 3 to return season autumn', () => {
-    expect(getSeason(3)).toBe(Seasons.Autumn);
+    expect(SeasonService.getSeasonByWeek(3)).toBe(Seasons.Autumn);
 });
 
 test('expect week 4 to return season winter', () => {
-    expect(getSeason(4)).toBe(Seasons.Winter);
+    expect(SeasonService.getSeasonByWeek(4)).toBe(Seasons.Winter);
 });
 
 test('expect week 5 to return season spring', () => {
-    expect(getSeason(5)).toBe(Seasons.Spring);
+    expect(SeasonService.getSeasonByWeek(5)).toBe(Seasons.Spring);
 });
 
 test('expect week 10 to return season summer', () => {
-    expect(getSeason(10)).toBe(Seasons.Summer);
+    expect(SeasonService.getSeasonByWeek(10)).toBe(Seasons.Summer);
 });
 
 test('expect week 39 to return season autumn', () => {
-    expect(getSeason(39)).toBe(Seasons.Autumn)
+    expect(SeasonService.getSeasonByWeek(39)).toBe(Seasons.Autumn)
 });
 
 test('expect week 52 to return season winter', () => {
-    expect(getSeason(52)).toBe(Seasons.Winter)
+    expect(SeasonService.getSeasonByWeek(52)).toBe(Seasons.Winter)
 });
 
 test('expect week 53 to return season spring', () => {
-    expect(getSeason(53)).toBe(Seasons.Spring)
+    expect(SeasonService.getSeasonByWeek(53)).toBe(Seasons.Spring)
 });
 
 test('expect week -1 to return season winter', () => {
-    expect(getSeason(-1)).toBe(Seasons.Winter)
+    expect(SeasonService.getSeasonByWeek(-1)).toBe(Seasons.Winter)
 });
\ No newline at end of file