Added React and Inventory System

README.md

@@ -52,3 +52,9 @@ So far it has been quite a nice experience!
 [DSMR5]: https://www.netbeheernederland.nl/_upload/Files/Slimme_meter_15_a727fce1f1.pdf
 [MQTT]: https://nl.wikipedia.org/wiki/MQTT
 
+### [Inventory System](https://git.huizinga.dev/Dreaded_X/inventory)
+As I got more into developing hardware my collection of electronic components also grew and I needed a better way of organizing everything.
+I decided that it was a great opertunity to learn React and to develop the frontend of my very own simple inventory management system.
+The system uses QR codes to link the physical components to their representation in the mangement system, which contains more information on the specific component like for example datasheets.
+It also stores where each of the components is supposed to be stored, which makes it very easy to find components in the future.
+

main.tex

@@ -194,6 +194,8 @@
 	\hfill
 	\iconsvg{bash}{12}{Bash}\\
 	\hfill
+	\iconsvg{react}{12}{React}\\
+	\hfill
 	\iconsvg{docker}{12}{Docker}\\
 	\hfill
 	\iconsvg{latex}{12}{LaTeX}\\
@@ -239,6 +241,10 @@
 	\vspace{6pt}
 
 	\input{latex/project/z80.{{lang}}.md.tex}
+
+	\vspace{6pt}
+
+	\input{latex/project/inventory.{{lang}}.md.tex}
 \end{minipage}
 \hfill
 \begin{minipage}[t]{0.45\textwidth}

markdown/README.md

@@ -6,3 +6,4 @@
 #{project/car-stereo.en.md}
 #{project/automation.en.md}
 #{project/pico_p1.en.md}
+#{project/inventory.en.md}

markdown/project/inventory.en.md

@@ -0,0 +1,10 @@
+---
+project:
+    url: git.huizinga.dev/Dreaded_X/inventory
+    title: Inventory System
+---
+
+As I got more into developing hardware my collection of electronic components also grew and I needed a better way of organizing everything.
+I decided that it was a great opertunity to learn React and to develop the frontend of my very own simple inventory management system.
+The system uses QR codes to link the physical components to their representation in the mangement system, which contains more information on the specific component like for example datasheets.
+It also stores where each of the components is supposed to be stored, which makes it very easy to find components in the future.

markdown/project/inventory.nl.md

@@ -0,0 +1,11 @@
+---
+project:
+    url: git.huizinga.dev/Dreaded_X/inventory
+    title: Inventory Systeem
+---
+
+Doordat ik steeds meer bezig was met hardware projecten, groeide ook mijn verzamling electronische componenten en had ik een betere manier nodig om het allemaal to organizeren.
+Toen besloot ik dat dit een goed moment was om React the leren en om mijn eigen simplete inventory management systeem te ontwikkelen.
+Het systeem maakt gebruik van QR codes om the physieke componenten the linken aan een representatie in het management systeem.
+Hier is vervolgens weer meer informatie over het component the vinden is, zoals datasheets.
+Ook staat er in het systeem waar elk component opgeslagen dient te worden, hierdoor is het gemakkelijk om later de componenten weer te vinden.

svg/react.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" fill="#FFFFFF"><g><circle cx="64" cy="64" r="11.4"/><path d="M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3C8.2 50 1.4 56.6 1.4 64s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zM92.5 14.7c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zM81.3 74c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zM64 97.8c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zM64 30.2c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zM31.7 35c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zM7 64c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5C15.3 75.6 7 69.6 7 64zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zM96.3 93c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"/></g></svg>