Add swiss license plate

leonardcser · Apr 21, 2024 · a7a4c71 · a7a4c71
1 parent d7e5151
commit a7a4c71
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/public/images/license_plate.png b/public/images/license_plate.png
diff --git a/src/components/pages/home/sections/WorksSection/WorksSection.tsx b/src/components/pages/home/sections/WorksSection/WorksSection.tsx
@@ -77,6 +77,40 @@ export const WorksSection: React.FC = () => {
             </Award>
           </ResponsiveSplitCols>
         </ResponsiveMediaSplit>
+        <ResponsiveMediaSplit
+          media={
+            <SkeletonImage
+              fill
+              src="/images/license_plate.png"
+              alt="license plate detection"
+            />
+          }
+          mediaWidth={1154}
+          mediaHeight={1290}
+          order={order++ % 2}
+        >
+          <SectionTitle
+            title="Swiss License Plate Detection"
+            subtitle="Works"
+            tags={["MLOps", "PyTorch", "Kubernetes", "DVC"]}
+            extraTags={[
+              <ExternalLinkTag
+                key={0}
+                title="GitHub"
+                href="https://github.com/swiss-ai-center/pytorch-license-plate-with-mlops"
+                Icon={FaGithub}
+              />,
+            ]}
+            fade
+          />
+          <p>
+            This project was part of research into Machine Learning Operations
+            (MLOps) at <strong style={{ color: "red" }}>HEIG-VD</strong>. It is
+            comprised of two models: one for detecting the license plate and
+            another for recognizing the characters. The key feature is a custom
+            license plate generator in order to train on synthetic data.
+          </p>
+        </ResponsiveMediaSplit>
         <ResponsiveMediaSplit
           media={<AutoPlayVideo src="/videos/scrapeout.mp4" />}
           mediaWidth={1194}