-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsoftware.html
More file actions
234 lines (231 loc) · 11.1 KB
/
software.html
File metadata and controls
234 lines (231 loc) · 11.1 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Amita Shukla</title>
<meta name="description" content="A responsive, magazine-like website layout with a grid item animation effect when opening the content" />
<meta name="keywords" content="grid, layout, effect, animated, responsive, magazine, template, web design" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">
<button id="menu-toggle" class="menu-toggle"><span>Menu</span></button>
<div id="theSidebar" class="sidebar">
<button class="close-button fa fa-fw fa-close"></button>
<div class="codrops-links">
<a class="codrops-icon codrops-icon--prev" href="http://amitashukla.co" title="Previous Demo"><span>splashpage</span></a>
<a class="codrops-icon codrops-icon--drop" href="https://www.instagram.com/amitashuk1a/" title="Back to the article"><span>Back to the Codrops article</span></a>
</div>
<h1><span>Amita Shukla</span></h1>
<nav class="codrops-demos">
<a class="current-demo" href="index1.html">Home | Chronological Project Listing</a>
<!-- <a href="index2.html">Demo 2</a> -->
</nav>
<div class="related">
<a href="https://www.linkedin.com/in/amita-shukla/">LinkedIn</a>
<a href="/img/amitaresume.pdf">Resume (PDF)</a>
<!--<a href="http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/">Thumbnail Grid</a>-->
<h3>Project Categories</h3>
<a class="current-demo" href="software.html">Software</a>
<a class="current-demo" href="hardware.html">Hardware</a>
<a class="current-demo" href="data.html">Data</a>
<a class="current-demo" href="design.html">Design</a>
<!--
<a href="http://tympanus.net/Development/BookPreview/">Book Preview</a>
<a href="http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/">Thumbnail Grid</a>
<a href="http://tympanus.net/Development/3DGridEffect/">3D Grid Effect</a>
-->
</div>
</div>
<div id="theGrid" class="main">
<section class="grid">
<header class="top-bar">
<h2 class="top-bar__headline">Latest articles</h2>
<div class="filter">
<span>Filter by:</span>
<span class="dropdown">Popular</span>
</div>
</header>
<a class="grid__item" href="#">
<h2 class="title title--preview">Spellchecker</h2>
<div class="loader"></div>
<span class="category">Java</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> Nov 2017</span>
</div>
</a>
<a class="grid__item" href="#" style="background-image:url(img/pharmadopt.png)">
<h2 class="title title--preview">PharmAdopt</h2>
<div class="loader"></div>
<span class="category">HTML/CSS/JS/Microsoft Azure</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> Oct 2017</span>
</div>
</a>
<a class="grid__item" href="#">
<h2 class="title title--preview">Map-Reduce Algorithm</h2>
<div class="loader"></div>
<span class="category">MIPS</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> Nov 2017</span>
</div>
</a>
<a class="grid__item" href="#">
<h2 class="title title--preview">Graph Experiments</h2>
<div class="loader"></div>
<span class="category">Mathematica</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Jan 2017</span>
</div>
</a>
<a class="grid__item" href="#" style="background-image:url(img/genart.jpg)">
<h2 class="title title--preview">Generative Art</h2>
<div class="loader"></div>
<span class="category">Processing</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> June 2016</span>
</div>
</a>
<a class="grid__item" href="#" style="background-image:url(img/INSTALLATIONpupinplazaPRINT.jpg)">
<h2 class="title title--preview">Virtual Reality</h2>
<div class="loader"></div>
<span class="category">Unity/C++</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> June 2016</span>
</div>
</a>
<a class="grid__item" href="#" style="background-image:url(img/augreality.jpg)">
<h2 class="title title--preview">Augmented Reality</h2>
<div class="loader"></div>
<span class="category">Unity/C++</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> June 2016</span>
</div>
</a>
<a class="grid__item" href="#">
<h2 class="title title--preview">Chrome Extension</h2>
<div class="loader"></div>
<span class="category">JavaScript/JSON</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> June 2016</span>
</div>
</a>
<a class="grid__item" href="#">
<h2 class="title title--preview">Computer Vision Experiment</h2>
<div class="loader"></div>
<span class="category">Processing</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> June 2016</span>
</div>
</a>
<footer class="page-meta">
<span>Load more...</span>
</footer>
</section>
<section class="content">
<div class="scroll-wrap">
<article class="content__item">
<span class="category category--full">Java</span>
<h2 class="title title--full">Spellchecker</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Nov 2017</span>
</div>
<p>Created in Java, this spellchecker takes in the names of a dictionary file and a file to be spellchecked on the command line. If it
finds any mispelled words, it flags them by line number and gives suggestions of what the correct word could be.</p>
<p>Please contact directly for code.</p>
</article>
<article class="content__item">
<span class="category category--full">HTML/CSS/JS/Microsoft Azure</span>
<h2 class="title title--full">PharmAdopt</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Oct 2017</span>
</div>
<p>PharmAdopt is a web app to build awareness of orphan diseases, and encourage people to donate wisely. </p>
<p>This was a winner at BostonHacks Fall 2017. Potential donors are prompted to enter their Facebook logins, by which the Facebook API is used to scrape data from their public profiles, including age, gender, and
race. Then, using the Microsoft Azure Machine Learning API, we created a web app which finds an orphan drug whose affected population matches you
demographically as closely as possible. Then the web app PharmAdopt gives you a blurb about the disease, and a link to more information and to donate.
The donation link is to a patient-focused organization, to avoid donating directly to big pharma</p>
</article>
<article class="content__item">
<span class="category category--full">MIPS</span>
<h2 class="title title--full">Map-Reduce Algorithm</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Nov 2017</span>
</div>
<p> This algorithm takes in data stored in binary trees and performs a Map and Reduce compression algorithm on them. It is created for String data, and the
current mapping operations include string length, the current reduce operations include adding and returning min or max.
</p>
</article>
<article class="content__item">
<span class="category category--full">Mathematica</span>
<h2 class="title title--full">Graph Experiment</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Jan 2017</span>
</div>
<p></p>
</article>
<article class="content__item">
<span class="category category--full">Processing</span>
<h2 class="title title--full">Generative Art</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>June 2016</span>
</div>
<p> Using Perlin noise to generate pseudo-random sinusoids, visually pleasing results are created in Processing. The Java flavor of
Processing is used here.
</p>
</article>
<article class="content__item">
<span class="category category--full">Unity/C++</span>
<h2 class="title title--full">Virtual Reality Water Simulation</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>June 2016</span>
</div>
<p> Using the Unity rendering engine, and coding in C#, I created a simulation of a body of water. Considerations included intermolecular forces and specular reflections.
The simulation was meant to be viewed using a Google Cardboard headset.
</p>
</article>
<article class="content__item">
<span class="category category--full">Unity/C++</span>
<h2 class="title title--full">Augmented Reality Test</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>June 2016</span>
</div>
<p> Using the Unity rendering engine, an application called Vuforia, and coding in C#, I made an app for Android
that places a virtual robot on top of rocky surfaces.
<img src="img/augreality.png">
</p>
</article>
<article class="content__item">
<span class="category category--full">JavaScript/JSON</span>
<h2 class="title title--full">Chrome Extension</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>June 2016</span>
</div>
<p> This Chrome extension allows you to pick colors off your webpage.
</p>
</article>
<article class="content__item">
<span class="category category--full">Processing</span>
<h2 class="title title--full">Computer Vision Experiment</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>June 2016</span>
</div>
<p> This program in Processing uses your computer's webcam to create an effect similar to that of thermal mode in a MacBook's camera app.
</p>
</article>
</div>
<button class="close-button"><i class="fa fa-close"></i><span>Close</span></button>
</section>
</div>
</div><!-- /container -->
<script src="js/classie.js"></script>
<script src="js/main.js"></script>
</body>
</html>