-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsoftware.html
113 lines (86 loc) · 4.35 KB
/
software.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css" type="text/css">
<title>Aaron Shannon | Portfolio</title>
</head>
<body class="softwareBody">
<header class="header-image">
<img src="images\softwareBanner.png">
<section class="nameTitle">
<h1>Aaron Shannon</h1>
<h2>Fullstack Developer</h2>
</section>
<section class="bannerLogo">
<img src="images\LGLogo.png">
</section>
<section class="nav-1">
<nav>
<button class="hamburger-menu">
<span class="hamburger-menu__line"></span>
<span class="hamburger-menu__line"></span>
<span class="hamburger-menu__line"></span>
</button>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="multimedia.html">Multimedia</a></li>
<li><a href="web.html">Web</a></li>
<li><a href="bio.html">Bio</a></li>
</ul>
</nav>
</section>
</header>
<section class="software-title-bar">
<p>Software Development</p>
</section>
<section class="software-info">
<ul>
<li>InteliJ</li>
<li>Java</li>
<li>Sublime</li>
<li>Python</li>
</ul>
</section>
<section class="content-grid">
<img src="images\wordleBot-1.png">
<img src="images\wordleBot-2.png" class="s-img-1">
<section class="box-1">
<!-- Wordle Bot -->
<p><strong class="s-first-word">World Bot</strong> is designed to play the game as if it were an actual player. It takes in the Wordle Game a random list of words, and proceeds to perform calculated guesses in order to beat the game. As of right now, the bot can always win in the amount of moves allowed, in under 600ms. This demonstrates my knowledge of algorithms and Array manipulation using the Java programming language.</p>
</section>
<img src="images\wordleGame-1.png">
<img src="images\wordleGame-2.png" class="s-img-2">
<section class="box-2">
<!-- Wordle Game -->
<p><strong class="s-first-word">Wordle Game</strong> is a recreation of the game with the same name. It uses Java to manipulate ArrayLists to retain and pass information about correctly guessed letters, incorretly guessed letters, and even letters that don't show in the secret word. It then relays the information to the player, in order to make another guess.</p>
</section>
<img src="images\pyTurtle.png">
<img src="images\pyTurtle-Haunter.png" class="s-img-3">
<section class="box-3">
<!-- Python Turtle-->
<p><strong class="s-first-word">Python Art</strong> uses an extesion of Python to write the actions of a 'turtle' that draws a picture. Even though it sounds simple, the Haunter seen drawn is done using several 'for loops' and the understanding of functions. In the animation itself, it begins as a Ghastly and then turns into the Haunter.</p>
</section>
<img src="images\bst-1.png">
<img src="images\bst-2.png" class="s-img-4">
<section class="box-4">
<!-- Binary Search Tree-->
<p><strong class="s-first-word">Binary Search Tree</strong> , or BST, is a database that allows for searchig and sorting using a hierarchy steming from a root node. This codes can add leaf nodes, find nodes using a key value, the minimum value, maximum value, and choosing a successor if a nodes was to be removed. </p>
</section>
<img src="images\hashtable-1.png">
<img src="images\hashtable-2.png" class="s-img-5">
<section class="box-5">
<!-- Hashtable -->
<p><strong class="s-first-word">Hash Tables</strong> take in data and sorts it across a set number of bukets, or identifiers. This is almost always seen when storing a password that is associated with a specific email. It uses ArrayLists that are stored in nodes, and shows understanding of data manipulation.</p>
</section>
<img src="images\connect4-Class.png">
<img src="images\connect4-Ai.png" class="s-img-6">
<section class="box-6">
<!-- Connect 4 -->
<p><strong class="s-first-word">Connect 4</strong> is something almost everyone is familiar with. Using Python, the game is created using embedded 'for loops', or a matrix, to store string representatives. It then iterates checking for certain criteria that determines a win or lose. In this code is also an AI class that will play against a player, or itself, until the game is decided.</p>
</section>
</section>
</body>
<script type="text/javascript" src="script.js"></script>
</html>