-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject3.html
139 lines (124 loc) · 5.47 KB
/
project3.html
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
138
139
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Catherine Pham's Projects</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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html#projects_section">Catherine Pham's Projects</a></h1>
<nav>
<a href="index.html">Return Home</a>
</nav>
</header>
<!-- Menu -->
<!-- <nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="#">Log In</a></li>
<li><a href="#">Sign Up</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav> -->
<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="inner">
<h2>LinkedIn Mapping Project</h2>
<!-- <p>Phasellus non pulvinar erat. Fusce tincidunt nisl eget ipsum.</p> -->
</div>
</header>
<!-- Content -->
<div class="wrapper">
<div class="inner">
<h3 class="major">Description</h3>
<p>For this project, I worked on a team of three to create a graphical user interface that
would find the shortest distance of connections between a LinkedIn user to an employee
at the desired company. We used C++, SFML, and custom-made sprites to create the GUI. We
used object-oriented programing and designed a graph/hash map data structure to store all
the data points of connections across three main users (the members of the team). These
data connections were sourced from multiple LinkedIn accounts and read into the program
using iostream with csv files. We also implemented depth first search and breadth first
search algorithms to find the shortest distance between two LinkedIn users. From the GUI,
the user can decide to load someone’s entire list, insert a connection, and find the shortest
distance to a company in a network using either breadth first search and depht first search.</p>
<h3 class="major">Demo</h3>
<video width="100%" height=auto autoplay loop>
<source src="demos/linkedin_demo.mp4" type="video/mp4">
</video>
<p>In this demo, the user has decided to to search Nathalie’s network for someone that works at Apple
and the program displays the path of connections.
</p>
<!-- <section class="features">
<article>
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
<h3 class="major">Sed feugiat lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
<h3 class="major">Nisl placerat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
</section> -->
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major"> </h2>
<!-- <p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
<form method="post" action="#">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form> -->
<ul class="icons">
<li><a href="https://www.linkedin.com/in/catherinepham2/" class="icon brands fa-linkedin"><span class="linkedin"></span></a></li>
<li><a href="https://github.com/catherinepham" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.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>