-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcollege.html
More file actions
137 lines (124 loc) · 7.26 KB
/
college.html
File metadata and controls
137 lines (124 loc) · 7.26 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>College Projects - Win San</title>
<meta property="og:title" content="College Projects - Win San">
<meta property="og:type" content="website">
<meta property="og:url" content="https://wsan3.github.io/college.html">
<meta property="og:description" content="Collection of apps, hackathon projects, and coursework from my time at UW-Madison.">
<meta property="og:image" content="https://wsan3.github.io/assets/img/profile-480.jpeg">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚀</text></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&display=swap" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<script src="assets/js/carousel.js" defer></script>
<div class="container">
<main class="main">
<nav class="breadcrumbs">
<a href="index.html#projects" class="breadcrumb-link">Projects</a>
<span class="breadcrumb-separator">/</span>
<span class="breadcrumb-current">College Projects</span>
</nav>
<h1 class="detail-title">College Projects</h1>
<div class="carousel-container">
<div class="carousel-track">
<img src="assets/img/college/college-1.jpg" alt="College Projects 1" class="carousel-image active">
</div>
<div class="carousel-counter">
<button class="carousel-counter-arrow carousel-counter-prev" aria-label="Previous">←</button>
<span class="carousel-counter-text"><span class="carousel-current">1</span> / <span class="carousel-total">3</span></span>
<button class="carousel-counter-arrow carousel-counter-next" aria-label="Next">→</button>
</div>
</div>
<div class="project-intro">
<p class="project-date">2019 to 2023</p>
<p class="intro-text">Collection of apps, hackathon projects, and coursework from my time at UW-Madison studying Computer Engineering and Computer Science</p>
<ul class="feature-list">
<li>Full-stack web and mobile applications</li>
<li>Hackathon competition winners</li>
<li>Hardware and embedded systems projects</li>
</ul>
</div>
<hr class="section-divider">
<section class="content-section">
<p class="section-title">Apps</p>
<ul class="bullet-list">
<li>
<div class="item-header">
<span class="item-date">September 2021</span>
<a href="https://vimeo.com/607694311" target="_blank">SchMoney</a>
</div>
<p class="item-description">Second hand marketplace for college students to buy and sell items. Built using React Native and Expo.</p>
</li>
</ul>
</section>
<hr class="section-divider">
<section class="content-section">
<p class="section-title">Hackathons</p>
<ul class="bullet-list">
<li>
<div class="item-header">
<span class="item-date">February 2022</span>
<a href="https://devpost.com/software/badgerlf" target="_blank">BadgerLF - UPL Hackathon</a>
</div>
<p class="item-description">Campus lost-and-found app with geolocation features and real-time notifications for item matches. Won first place.</p>
</li>
<li>
<div class="item-header">
<span class="item-date">February 2022</span>
<a href="https://vimeo.com/679783782" target="_blank">Slice - WebHacks</a>
</div>
<p class="item-description">Expense splitting app that allows users to split bills with friends and family by taking a picture of the receipt.</p>
</li>
<li>
<div class="item-header">
<span class="item-date">October 2021</span>
<a href="https://devpost.com/software/dn-dt6sz7" target="_blank">Lokal - CheeseHacks</a>
</div>
<p class="item-description">Marketplace connecting local businesses with community members. Won first place and $600.</p>
</li>
<li>
<div class="item-header">
<span class="item-date">October 2019</span>
<a href="https://devpost.com/software/garbagevision" target="_blank">WasteVision - MadHacks</a>
</div>
<p class="item-description">Smart waste sorter that takes pictures of waste, classifies it, then sorts it automatically.</p>
</li>
</ul>
</section>
<hr class="section-divider">
<section class="content-section">
<p class="section-title">Coursework</p>
<ul class="bullet-list">
<li>
<div class="item-header">
<span class="item-date">May 2023</span>
<a href="https://vimeo.com/823529798" target="_blank">Nerf Gun Turret</a>
</div>
<p class="item-description">Built a nerf gun turret for my senior capstone involving PCB design, 3D printing, and microcontroller programming.</p>
</li>
<li>
<div class="item-header">
<span class="item-date">August 2022</span>
<a href="https://vimeo.com/741265311" target="_blank">Electric Bike Design</a>
</div>
<p class="item-description">E-bike controller featuring custom power management, motor control, and real-time performance monitoring systems.</p>
</li>
<li>
<div class="item-header">
<span class="item-date">October 2021</span>
<a href="https://www.youtube.com/watch?v=0b960PwJRGo" target="_blank">Microcontroller Game</a>
</div>
<p class="item-description">Programmed snake game on MSP432 with custom graphics engine, collision detection, and hardware interrupt handling.</p>
</li>
</ul>
</section>
</main>
</div>
</body>
</html>