MarkMH.github.io/cs50.html at main · MarkMH/MarkMH.github.io · GitHub

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
<!DOCTYPE HTML>
<!--
	Basic structure of Strata from HTML5 UP html5up.net | @ajlkn
	Free for private and commercial use under CCA 3.0 license (html5up.net/license)
	Significant customizations by Mark Marner-Hausen
-->
<html>
	<head>
		<title>Webpage Marner-Hausen</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body class="is-preload">

		<!-- Header -->
			<header id="header">
				<div class="inner">
					<a class="image avatar"><img src="images/IMG_9947.jpg" alt="" /></a>
					<h1><strong>Hi 👋, I'm Mark,<br />
						a Senior ML Engineer <br />
						with scientific background</strong></a></h1>
				</div>
			</header>

		<!-- Main -->
			<div id="main">

				<!-- One -->
					<section id="one">
						<header class="major">
							<h1>CS50 by Harvard University</h1>

							<p align="justify" style="text-align:justify"><b>
								In the final project for Harvard's <a href="https://cs50.harvard.edu/x/2021/">CS50</a> Introduction to Computer Science, we, Mark Marner-Hausen and Lennart Struth, built a web application
								that simulates a stock trading platform. This app allows users not only to engage in standard long positions but also to explore short positions,
								a feature often unavailable in conventional retail trader apps in Germany for financial literacy reasons.
							</b></p>

							<p align="justify" style="text-align:justify"><b><span class="image left"><img src="images/fulls/candlestick_plot_thinner_candles.png" alt="" /></span>
								A key feature of our app is a leaderboard that ranks users based on their realized profits, fostering a sense of community and competition.
								This serves an educational purpose by enabling users to test complex trading strategies risk-free and compare their performance with peers.
								The app provides a realistic trading experience with real-time price movements, sourcing asset prices from the Finnhub API based on IEX prices.
								<br>
								<br>
								From a technical standpoint, we developed a class dedicated to managing database connections and executing queries based on specific
								parameters. Additionally, we integrated graphical visualizations to display the performance of individual stocks and the user's portfolio,
								enhancing the user experience and providing valuable insights into market trends and personal investment strategies. This project not only
								showcases our programming skills but also our understanding of financial market dynamics and user interface design.
							</b></p>

							<!--s
							<p align="justify" style="text-align:justify"><b><span class="image right"><img src="images/fulls/cs50_ai.png"  /></span>
							</b></p>
							-->
						</header>
					</section>

					<section>
								<ul class="actions fit">
									<!--
									<li><a href="XX" class="button fit">Working Paper</a></li>
									<li><a href="XX" class="button fit">GitHub</a></li>
									-->
									<li><a href="https://github.com/MarkMH/cs50_trading_platform" class="button fit"><i class="icon brands fa-github"></i> Browse Code
									</a></li>
									<li><a href="index.html" class="button fit">Portfolio</a></li>

								</ul>
					</section>
			</div>

		<!-- Footer -->
			<footer id="footer">
				<div class="inner">
					<ul class="icons">
						<br>
						<li><a href="https://github.com/MarkMH" class="icon brands fa-github"><span class="label">Github</span></a></li>
						<li><a href="https://www.linkedin.com/in/mark-marner-hausen-854a3a117/" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
					</ul>
					<ul
					<li><br> Mark Marner-Hausen <br />
						</p>
					</ul>
				</div>
			</footer>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.poptrox.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>