diff --git a/frontend/src/assets/images/architecture-illustration.png b/frontend/src/assets/images/architecture-illustration.png
new file mode 100644
index 0000000000000000000000000000000000000000..87ac753d4f0fea07c20a0670e50d6ca831d721ed
Binary files /dev/null and b/frontend/src/assets/images/architecture-illustration.png differ
diff --git a/frontend/src/assets/images/database-illustration.png b/frontend/src/assets/images/database-illustration.png
new file mode 100644
index 0000000000000000000000000000000000000000..da1d56a74d93929e31c2f343becf40753e669c47
Binary files /dev/null and b/frontend/src/assets/images/database-illustration.png differ
diff --git a/frontend/src/assets/images/graph-illustration.svg b/frontend/src/assets/images/graph-illustration.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a1afda4e1e83d6d520a93a2eef46d199fa9eb140
--- /dev/null
+++ b/frontend/src/assets/images/graph-illustration.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="120px" viewBox="0 0 240 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <title>Illustration</title>
+ <defs>
+ <rect id="path-1" x="0" y="0" width="240" height="120"></rect>
+ </defs>
+ <g id="Modules" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g id="Module-View" transform="translate(-870.000000, -683.000000)">
+ <g id="Main-Body" transform="translate(330.000000, 94.000000)">
+ <g id="Course-Tiles" transform="translate(0.000000, 264.000000)">
+ <g id="Graph-and-Algorithms" transform="translate(540.000000, 290.000000)">
+ <g id="Group" transform="translate(0.000000, 35.000000)">
+ <mask id="mask-2" fill="white">
+ <use xlink:href="#path-1"></use>
+ </mask>
+ <use id="Rectangle" fill="#FFF5F5" xlink:href="#path-1"></use>
+ <g id="Group-2" mask="url(#mask-2)" stroke="#FE6B6B">
+ <g transform="translate(182.000000, 134.000000) rotate(-78.000000) translate(-182.000000, -134.000000) translate(97.000000, 46.000000)">
+ <path d="M31.0913878,58.4543052 C31.0913878,59.8350171 29.9720996,60.9543052 28.5913878,60.9543052 C27.2106759,60.9543052 26.0913878,59.8350171 26.0913878,58.4543052 C26.0913878,57.0735934 27.2106759,55.9543052 28.5913878,55.9543052 C29.9720996,55.9543052 31.0913878,57.0735934 31.0913878,58.4543052 Z" id="path3821" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M5.61219188,92.4956122 C5.61219188,93.876324 4.49290375,94.9956122 3.11219188,94.9956122 C1.73148,94.9956122 0.612191879,93.876324 0.612191879,92.4956122 C0.612191879,91.1149003 1.73148,89.9956122 3.11219188,89.9956122 C4.49290375,89.9956122 5.61219188,91.1149003 5.61219188,92.4956122 Z" id="path3821-8" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M36.5962343,108.401244 C36.5962343,109.781956 35.4769462,110.901244 34.0962343,110.901244 C32.7155224,110.901244 31.5962343,109.781956 31.5962343,108.401244 C31.5962343,107.020532 32.7155224,105.901244 34.0962343,105.901244 C35.4769462,105.901244 36.5962343,107.020532 36.5962343,108.401244 Z" id="path3821-0" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M54.6660728,77.9795255 C54.6660728,79.3602374 53.5467846,80.4795255 52.1660728,80.4795255 C50.7853609,80.4795255 49.6660728,79.3602374 49.6660728,77.9795255 C49.6660728,76.5988136 50.7853609,75.4795255 52.1660728,75.4795255 C53.5467846,75.4795255 54.6660728,76.5988136 54.6660728,77.9795255 Z" id="path3821-4" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M111.715314,43.3618418 C111.715314,44.7425537 110.596026,45.8618418 109.215314,45.8618418 C107.834603,45.8618418 106.715314,44.7425537 106.715314,43.3618418 C106.715314,41.9811299 107.834603,40.8618418 109.215314,40.8618418 C110.596026,40.8618418 111.715314,41.9811299 111.715314,43.3618418 Z" id="path3821-3" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M114.697115,14.1025037 C114.697115,15.4832156 113.577827,16.6025037 112.197115,16.6025037 C110.816404,16.6025037 109.697115,15.4832156 109.697115,14.1025037 C109.697115,12.7217919 110.816404,11.6025037 112.197115,11.6025037 C113.577827,11.6025037 114.697115,12.7217919 114.697115,14.1025037 Z" id="path3821-43" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M144.95828,2.55859163 C144.95828,3.93930351 143.838992,5.05859163 142.45828,5.05859163 C141.077568,5.05859163 139.95828,3.93930351 139.95828,2.55859163 C139.95828,1.17787976 141.077568,0.0585916349 142.45828,0.0585916349 C143.838992,0.0585916349 144.95828,1.17787976 144.95828,2.55859163 Z" id="path3821-5" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M169.303201,20.8977526 C169.303201,22.2784645 168.183913,23.3977526 166.803201,23.3977526 C165.422489,23.3977526 164.303201,22.2784645 164.303201,20.8977526 C164.303201,19.5170408 165.422489,18.3977526 166.803201,18.3977526 C168.183913,18.3977526 169.303201,19.5170408 169.303201,20.8977526 Z" id="path3821-1" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M143.261681,57.1032665 C143.261681,58.4839783 142.142393,59.6032665 140.761681,59.6032665 C139.380969,59.6032665 138.261681,58.4839783 138.261681,57.1032665 C138.261681,55.7225546 139.380969,54.6032665 140.761681,54.6032665 C142.142393,54.6032665 143.261681,55.7225546 143.261681,57.1032665 Z" id="path3821-7" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M162.852738,120.413538 C162.852738,121.79425 161.73345,122.913538 160.352738,122.913538 C158.972026,122.913538 157.852738,121.79425 157.852738,120.413538 C157.852738,119.032826 158.972026,117.913538 160.352738,117.913538 C161.73345,117.913538 162.852738,119.032826 162.852738,120.413538 Z" id="path3821-431" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M135.85675,142.509162 C135.85675,143.889874 134.737462,145.009162 133.35675,145.009162 C131.976038,145.009162 130.85675,143.889874 130.85675,142.509162 C130.85675,141.12845 131.976038,140.009162 133.35675,140.009162 C134.737462,140.009162 135.85675,141.12845 135.85675,142.509162 Z" id="path3821-46" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M123.481191,108.335407 C123.481191,109.716119 122.361903,110.835407 120.981191,110.835407 C119.600479,110.835407 118.481191,109.716119 118.481191,108.335407 C118.481191,106.954695 119.600479,105.835407 120.981191,105.835407 C122.361903,105.835407 123.481191,106.954695 123.481191,108.335407 Z" id="path3821-9" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M98.2099066,143.354861 C98.2099066,144.735573 97.0906185,145.854861 95.7099066,145.854861 C94.3291947,145.854861 93.2099066,144.735573 93.2099066,143.354861 C93.2099066,141.974149 94.3291947,140.854861 95.7099066,140.854861 C97.0906185,140.854861 98.2099066,141.974149 98.2099066,143.354861 Z" id="path3821-42" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M135.247067,173.308972 C135.247067,174.689684 134.127779,175.808972 132.747067,175.808972 C131.366355,175.808972 130.247067,174.689684 130.247067,173.308972 C130.247067,171.92826 131.366355,170.808972 132.747067,170.808972 C134.127779,170.808972 135.247067,171.92826 135.247067,173.308972 Z" id="path3821-2" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <polyline id="path4697" stroke-width="1.39999998" fill="none" points="54.0461877 78.1202233 97.2356185 142.829749 134.063811 173.667899 161.852358 120.754362 121.676147 108.284299 97.2356185 142.492723 133.896407 142.661236 121.676147 108.452811 141.26205 56.8874102 168.046188 21.6678995 161.852358 120.92288 97.0682144 142.492723"></polyline>
+ <polygon id="path4701" stroke-width="1.39999998" fill="none" points="139.77241 57.173502 141.95139 3.17350201 111.110479 15.7395379 108.093434 43.7584031 167.093434 21.8527438 111.110479 15.5697233"></polygon>
+ <line x1="53.9609295" y1="76.4846244" x2="108.960929" y2="42.4846244" id="path4703" stroke-width="1.39999998" fill="none"></line>
+ </g>
+ </g>
+ <g id="Group-2" mask="url(#mask-2)" stroke="#FE6B6B">
+ <g transform="translate(52.000000, 24.000000) rotate(-78.000000) translate(-52.000000, -24.000000) translate(-33.000000, -64.000000)">
+ <path d="M31.0913878,58.4543052 C31.0913878,59.8350171 29.9720996,60.9543052 28.5913878,60.9543052 C27.2106759,60.9543052 26.0913878,59.8350171 26.0913878,58.4543052 C26.0913878,57.0735934 27.2106759,55.9543052 28.5913878,55.9543052 C29.9720996,55.9543052 31.0913878,57.0735934 31.0913878,58.4543052 Z" id="path3821" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M5.61219188,92.4956122 C5.61219188,93.876324 4.49290375,94.9956122 3.11219188,94.9956122 C1.73148,94.9956122 0.612191879,93.876324 0.612191879,92.4956122 C0.612191879,91.1149003 1.73148,89.9956122 3.11219188,89.9956122 C4.49290375,89.9956122 5.61219188,91.1149003 5.61219188,92.4956122 Z" id="path3821-8" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M36.5962343,108.401244 C36.5962343,109.781956 35.4769462,110.901244 34.0962343,110.901244 C32.7155224,110.901244 31.5962343,109.781956 31.5962343,108.401244 C31.5962343,107.020532 32.7155224,105.901244 34.0962343,105.901244 C35.4769462,105.901244 36.5962343,107.020532 36.5962343,108.401244 Z" id="path3821-0" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M54.6660728,77.9795255 C54.6660728,79.3602374 53.5467846,80.4795255 52.1660728,80.4795255 C50.7853609,80.4795255 49.6660728,79.3602374 49.6660728,77.9795255 C49.6660728,76.5988136 50.7853609,75.4795255 52.1660728,75.4795255 C53.5467846,75.4795255 54.6660728,76.5988136 54.6660728,77.9795255 Z" id="path3821-4" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M111.715314,43.3618418 C111.715314,44.7425537 110.596026,45.8618418 109.215314,45.8618418 C107.834603,45.8618418 106.715314,44.7425537 106.715314,43.3618418 C106.715314,41.9811299 107.834603,40.8618418 109.215314,40.8618418 C110.596026,40.8618418 111.715314,41.9811299 111.715314,43.3618418 Z" id="path3821-3" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M114.697115,14.1025037 C114.697115,15.4832156 113.577827,16.6025037 112.197115,16.6025037 C110.816404,16.6025037 109.697115,15.4832156 109.697115,14.1025037 C109.697115,12.7217919 110.816404,11.6025037 112.197115,11.6025037 C113.577827,11.6025037 114.697115,12.7217919 114.697115,14.1025037 Z" id="path3821-43" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M144.95828,2.55859163 C144.95828,3.93930351 143.838992,5.05859163 142.45828,5.05859163 C141.077568,5.05859163 139.95828,3.93930351 139.95828,2.55859163 C139.95828,1.17787976 141.077568,0.0585916349 142.45828,0.0585916349 C143.838992,0.0585916349 144.95828,1.17787976 144.95828,2.55859163 Z" id="path3821-5" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M169.303201,20.8977526 C169.303201,22.2784645 168.183913,23.3977526 166.803201,23.3977526 C165.422489,23.3977526 164.303201,22.2784645 164.303201,20.8977526 C164.303201,19.5170408 165.422489,18.3977526 166.803201,18.3977526 C168.183913,18.3977526 169.303201,19.5170408 169.303201,20.8977526 Z" id="path3821-1" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M143.261681,57.1032665 C143.261681,58.4839783 142.142393,59.6032665 140.761681,59.6032665 C139.380969,59.6032665 138.261681,58.4839783 138.261681,57.1032665 C138.261681,55.7225546 139.380969,54.6032665 140.761681,54.6032665 C142.142393,54.6032665 143.261681,55.7225546 143.261681,57.1032665 Z" id="path3821-7" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M162.852738,120.413538 C162.852738,121.79425 161.73345,122.913538 160.352738,122.913538 C158.972026,122.913538 157.852738,121.79425 157.852738,120.413538 C157.852738,119.032826 158.972026,117.913538 160.352738,117.913538 C161.73345,117.913538 162.852738,119.032826 162.852738,120.413538 Z" id="path3821-431" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M135.85675,142.509162 C135.85675,143.889874 134.737462,145.009162 133.35675,145.009162 C131.976038,145.009162 130.85675,143.889874 130.85675,142.509162 C130.85675,141.12845 131.976038,140.009162 133.35675,140.009162 C134.737462,140.009162 135.85675,141.12845 135.85675,142.509162 Z" id="path3821-46" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M123.481191,108.335407 C123.481191,109.716119 122.361903,110.835407 120.981191,110.835407 C119.600479,110.835407 118.481191,109.716119 118.481191,108.335407 C118.481191,106.954695 119.600479,105.835407 120.981191,105.835407 C122.361903,105.835407 123.481191,106.954695 123.481191,108.335407 Z" id="path3821-9" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M98.2099066,143.354861 C98.2099066,144.735573 97.0906185,145.854861 95.7099066,145.854861 C94.3291947,145.854861 93.2099066,144.735573 93.2099066,143.354861 C93.2099066,141.974149 94.3291947,140.854861 95.7099066,140.854861 C97.0906185,140.854861 98.2099066,141.974149 98.2099066,143.354861 Z" id="path3821-42" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <path d="M135.247067,173.308972 C135.247067,174.689684 134.127779,175.808972 132.747067,175.808972 C131.366355,175.808972 130.247067,174.689684 130.247067,173.308972 C130.247067,171.92826 131.366355,170.808972 132.747067,170.808972 C134.127779,170.808972 135.247067,171.92826 135.247067,173.308972 Z" id="path3821-2" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
+ <polygon id="path4693" stroke-width="1.39999998" fill="none" points="28.4442212 58.103154 3.3892751 92.6031535 33.3892751 107.103154"></polygon>
+ <polyline id="path4695" stroke-width="1.39999998" fill="none" points="3.11219188 92.4956122 52.1660728 77.9795255 27.1883159 58.4956122"></polyline>
+ <polyline id="path4697" stroke-width="1.39999998" fill="none" points="52.1660728 77.9795255 95.7099066 143.354861 134.063811 173.667899 161.852358 120.754362 121.676147 108.284299 95.7099066 143.354861 97.5362424 143.583602 133.896407 142.661236 121.676147 108.452811 141.26205 56.8874102 168.046188 21.6678995 161.852358 120.92288 93.8297917 143.214164"></polyline>
+ <line x1="52.1660728" y1="77.9795255" x2="108.960929" y2="42.4846244" id="path4703" stroke-width="1.39999998" fill="none"></line>
+ </g>
+ </g>
+ <text id="13" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="108" y="105">13</tspan>
+ </text>
+ <text id="17" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="199" y="114">17</tspan>
+ </text>
+ <text id="1" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="37" y="47">1</tspan>
+ </text>
+ <text id="2" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="11" y="65">2</tspan>
+ </text>
+ <text id="3" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="43" y="110">3</tspan>
+ </text>
+ <text id="4" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="62" y="73">4</tspan>
+ </text>
+ <text id="5" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="94" y="24">5</tspan>
+ </text>
+ <text id="11" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="103" y="55">11</tspan>
+ </text>
+ <text id="12" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="136" y="35">12</tspan>
+ </text>
+ <text id="16" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="224" y="60">16</tspan>
+ </text>
+ <text id="14" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="149" y="108">14</tspan>
+ </text>
+ <text id="15" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
+ <tspan x="167" y="71">15</tspan>
+ </text>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/images/java-illustration.png b/frontend/src/assets/images/java-illustration.png
new file mode 100644
index 0000000000000000000000000000000000000000..23214ad264845daa4d861cf35204943fe63ebe5f
Binary files /dev/null and b/frontend/src/assets/images/java-illustration.png differ
diff --git a/frontend/src/assets/images/reasoning-illustration.png b/frontend/src/assets/images/reasoning-illustration.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf645768274e9f7b44022ce4f276100bc69d356e
Binary files /dev/null and b/frontend/src/assets/images/reasoning-illustration.png differ
diff --git a/frontend/src/components/pages/ModuleList/index.tsx b/frontend/src/components/pages/ModuleList/index.tsx
index 12de56d20bb707d5a024b1dc0e0c618645f5a4a7..d6451a08d6a5acd9f7116b8d85e43e4aac84d4a9 100644
--- a/frontend/src/components/pages/ModuleList/index.tsx
+++ b/frontend/src/components/pages/ModuleList/index.tsx
@@ -8,7 +8,12 @@ import logicIllustration from "assets/images/logic-illustration.svg";
import discreteIllustration from "assets/images/discrete-illustration.svg";
import systemsIllustration from "assets/images/systems-illustration.svg";
import methodsIllustration from "assets/images/methods-illustration.svg";
-import ModuleCard, {Term} from "components/atoms/ModuleCard";
+import graphIllustration from "assets/images/graph-illustration.svg";
+import javaIllustration from "assets/images/java-illustration.png";
+import reasoningIllustration from "assets/images/reasoning-illustration.png";
+import architectureIllustration from "assets/images/architecture-illustration.png";
+import databaseIllustration from "assets/images/database-illustration.png";
+import ModuleCard, { Term } from "components/atoms/ModuleCard";
import Dandruff from "components/molecules/Dandruff";
const ModuleList: React.FC = () => {
@@ -16,46 +21,88 @@ const ModuleList: React.FC = () => {
{
title: "Introduction to Logic",
code: "CO140",
- image: logicIllustration,
- terms: [Term.AUTUMN, Term.SPRING],
- progressStatus: "in progress",
- progressPercent: 50,
- content: "",
+ image: logicIllustration,
+ terms: [Term.AUTUMN],
+ progressStatus: "in progress",
+ progressPercent: 50,
+ content: ""
},
-
{
title: "Discrete Mathematics",
code: "CO142",
image: discreteIllustration,
- terms: [Term.SPRING, Term.SUMMER],
- progressStatus: "in progress",
- progressPercent: 60,
- content: "",
+ terms: [Term.AUTUMN],
+ progressStatus: "in progress",
+ progressPercent: 60,
+ content: ""
},
-
{
title: "Introduction to Computer Systems",
code: "CO112",
image: systemsIllustration,
- terms: [Term.SPRING],
- progressStatus: "in progress",
- progressPercent: 93,
- content: "",
+ terms: [Term.AUTUMN],
+ progressStatus: "in progress",
+ progressPercent: 93,
+ content: ""
},
-
{
title: "Mathematical Methods",
- code: "CO145",
- terms: [Term.AUTUMN],
- image: methodsIllustration,
- progressStatus: "in progress",
- progressPercent: 45,
- content: "",
+ code: "CO145",
+ terms: [Term.AUTUMN],
+ image: methodsIllustration,
+ progressStatus: "in progress",
+ progressPercent: 45,
+ content: ""
+ },
+ {
+ title: "Java",
+ code: "CO120.2",
+ image: javaIllustration,
+ terms: [Term.AUTUMN, Term.SPRING, Term.SUMMER],
+ progressStatus: "in progress",
+ progressPercent: 20,
+ content: ""
+ },
+ {
+ title: "Graphs and Algorithms",
+ code: "CO150",
+ image: graphIllustration,
+ terms: [Term.SPRING],
+ progressStatus: "no started",
+ progressPercent: 0,
+ content: ""
+ },
+ {
+ title: "Introduction to Computer Architecture",
+ code: "CO113",
+ image: architectureIllustration,
+ terms: [Term.SPRING],
+ progressStatus: "no started",
+ progressPercent: 0,
+ content: ""
},
+ {
+ title: "Reasoning About Programs",
+ code: "CO141",
+ image: reasoningIllustration,
+ terms: [Term.SPRING],
+ progressStatus: "no started",
+ progressPercent: 0,
+ content: ""
+ },
+ {
+ title: "Introduction to Databases",
+ code: "CO130",
+ image: databaseIllustration,
+ terms: [Term.SPRING],
+ progressStatus: "no started",
+ progressPercent: 0,
+ content: ""
+ }
];
return (
<Container className={classNames("p-4", styles.moduleContainer)}>
- <Dandruff heading="Modules"/>
+ <Dandruff heading="Modules" />
<h4 className={classNames(styles.moduleSectionHeader)}>
First Year Undergraduate
</h4>
@@ -67,8 +114,8 @@ const ModuleList: React.FC = () => {
</p>
<Row>
- {modules.map((module) => (
- <ModuleCard module={module} key={module.code}/>
+ {modules.map(module => (
+ <ModuleCard module={module} key={module.code} />
))}
</Row>
</Container>