Add information about ScratchThat

projects.html

@@ -33,6 +33,44 @@
 
     <div class="container" id="CenterContainer">
       <div class="projectList" id="projectsList">
+        <div class="project" id="ScratchThat">
+          <div class="leftSide">
+            <img
+              src="./content/projects/ScratchThat/iPhoneNowPlaying.PNG"
+              alt="ScratchThat app"
+              height="500"
+              width="250"
+            />
+          </div>
+          <div class="rightSide">
+            <div>
+              <h1></h1>
+              <p>
+                I wanted to make an app that would share Apple Music listening
+                status. This is a prototype of tha. It only works with Apple
+                Music due to MediaPlayer library limits. While making this
+                project I learned a bit on woking with event listeners (calling
+                it NotificationCenter.main feels weird) and dealing with threads
+                for perfomance improvement.
+              </p>
+            </div>
+
+            <div id="stack">
+              <h2>Tech used</h2>
+              <ul>
+                <li>SwiftUI</li>
+                <li>SwiftData</li>
+                <li>MediaPlayer</li>
+              </ul>
+            </div>
+            <a href="https://github.com/parpok/ScratchThat" target="_blank"
+              ><div id="githubThisWebsite" class="GitProjectButton">
+                🐙😺 View this project on GitHub
+              </div>
+            </a>
+          </div>
+        </div>
+
         <div class="project" id="ThisWebsite">
           <div class="leftSide">
             <img