-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
255 lines (233 loc) · 13.9 KB
/
index.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
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
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<html>
<head>
<title>Resume | Jishnu Pradeep</title>
<meta charset="UTF-8"><!--[if IE]><![endif]-->
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="icon" type="img/ico" href="img/favicon.ico">
<title>Jishnu Pradeep | Web Developer & UI/UX Enthusiast</title>
<meta property="og:title" content="Resume | Jishnu Pradeep" />
<meta property="og:description" content="Design-minded, detail oriented web developer passionate about combining beautiful code with beautiful design." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.resume.jishnupradeep.com/" />
<meta property="og:site_name" content="Resume | Jishnu Pradeep" />
<meta name="keywords" content="design, development, web, jishnupradeep, jishnu, pradeep, javascript, northwestern">
<meta itemprop="name" content="Resume | Jishnu Pradeep">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://jishnupradeep.com/resume">
<meta name="twitter:site" content="@jishnupradeep">
<meta name="twitter:creator" content="@jishnupradeep">
<meta name="twitter:title" content="Resume | Jishnu Pradeep">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:200,300,400,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="content"></div>
<script src="https://fb.me/react-0.14.6.js"></script>
<script src="https://fb.me/react-dom-0.14.6.js"></script>
<script src="https://unpkg.com/react@0.12.1/dist/JSXTransformer.js"></script>
<script type="text/jsx">
var DATA = {
name: "Hey, I'm Jishnu",
subtext: "Developer & designer based in Chicago, IL",
twitterURL: 'https://twitter.com/jishnupradeep',
instaURL: 'https://www.instagram.com/jishpra/',
githubURL: 'https://github.com/jishnupradeep',
linkedinURL: 'https://www.linkedin.com/in/jishnupradeep',
resumeURL: 'http://jishnupradeep.com/resume.pdf',
dribbbleURL: 'https://dribbble.com/jishnupradeep'
}
var App = React.createClass({
render: function() {
return(
<div className="app">
<Left
name={this.props.profileData.name}
subtext={this.props.profileData.subtext}
linkedinURL={this.props.profileData.linkedinURL}
twitterURL={this.props.profileData.twitterURL}
instaURL={this.props.profileData.instaURL}
githubURL={this.props.profileData.githubURL}
dribbbleURL={this.props.profileData.dribbbleURL}
/>
<Right
intro={this.props.profileData.intro}
resumeURL={this.props.profileData.resumeURL}
/>
</div>
);
}
});
var Left = React.createClass({
render: function() {
return(
<div className="left">
<div className="bg-img"></div>
<div className="left-inner">
<div className="info">
<h2 className="name">{this.props.name}</h2>
<div className="subtext">{this.props.subtext}</div>
<div className="jobStatus">{this.props.jobStatus}</div>
<div className="social-links">
<a href={this.props.linkedinURL} target="_blank"><i className="fa fa-linkedin"></i></a>
<a href={this.props.githubURL} target="_blank"><i className="fa fa-github"></i></a>
<a href={this.props.instaURL} target="_blank"><i className="fa fa-instagram"></i></a>
<a href={this.props.twitterURL} target="_blank"><i className="fa fa-twitter"></i></a>
<a href={this.props.dribbbleURL} target="_blank"><i className="fa fa-dribbble"></i></a>
</div>
</div>
</div>
</div>
);
}
});
var Right = React.createClass({
render: function() {
return(
<div className="right">
<div className="right-inner">
<div className="introduction">
<h4>Intro</h4>
<div className="content">
<p className="intro-p">I'm a graduate student at Northwestern University currently pursuing my master's degree in Computer Science.</p>
<p className="intro-p">I love learning new and better ways to create applications. I'm always looking for opportunities to work with those who are willing to share their knowledge as much as I want to learn. At the end of the day, my goal is to create applications that would positively benefit the users.</p>
<span className="intro-p job-pls">I'm currently looking for a summer internship (June to September 2018)</span>
</div>
</div>
<div className="skills">
<h4>Skills</h4>
<div className="content">
<div className="skill-category">
<strong>Languages: </strong>
<span>C++, Python, HTML5, CSS3, JavaScript, SQL</span>
</div>
<div className="skill-category">
<strong>Libraries & Frameworks: </strong>
<span>jQuery, Bootstrap, MongoDB, React/Redux</span>
</div>
<div className="skill-category">
<strong>Tools: </strong>
<span>Git & Github, Command Line, Sketch, InVision, Adobe Photoshop, AfterEffects, Lightroom</span>
</div>
</div>
</div>
<div className="education">
<h4>Education</h4>
<div className="content">
<div className="duration">September 2017 — Present</div>
<div className="university"><a href="http://www.northwestern.edu/" target="_blank">Northwestern University</a></div>
<div className="college"><a href="https://www.mccormick.northwestern.edu/" target="_blank">McCormick School of Engineering</a></div>
<div className="major"><strong>Major:</strong> Computer Science</div>
<div className="grad-date">Expected Graduation: December 2018</div>
<br/>
<div className="duration">August 2016 — May 2017</div>
<div className="university"><a href="https://web.iit.edu/" target="_blank">Illinois Institute of Technology</a></div>
<div className="college"><a href="https://science.iit.edu/" target="_blank">College of Science</a></div>
<div className="major"><strong>Major:</strong> Computer Science</div>
<div className="conc">International Visiting Student</div>
<br/>
<div className="duration">July 2014 — May 2016</div>
<div className="university"><a href="http://www.srmuniv.ac.in/" target="_blank">SRM University</a></div>
<div className="college"><a href="http://www.srmuniv.ac.in/engineering/department-of-computer-science-engineering/about-the-department" target="_blank">School of Computing</a></div>
<div className="major"><strong>Major:</strong> Computer Science</div>
</div>
</div>
<div className="experience">
<h4>Experience</h4>
<div className="content">
<div className="exp-item">
<div className="job">
<a className="company" href="http://www.nalshurafa.com/index.html" target="_blank">HABits Lab</a>
<div className="duration">October 2017 — Present</div>
</div>
<div className="title">Mobile Application Developer</div>
<ul className="description">
<li>Built an android application to display data from a wearable device to record patterns in consumption of food</li>
<li>Made use of Android Chart and Graph View libraries to display consumption data</li>
<li>Implemented the communication link between the devices over Bluetooth LE technology and collected data from sensors</li>
</ul>
</div>
<div className="exp-item">
<div className="job">
<a className="company" href="https://webarchsrm.com/" target="_blank">Webarch</a>
<div className="duration">January 2015 — May 2016</div>
</div>
<div className="title">Graphic/VFX Designer</div>
<ul className="description">
<li>VFX composing for all techno-management and cultural events for university and external clients using Adobe After Effects, Cinema 4D and Apple Motion 5</li>
<li>Created motion graphics, infographics, simulations, and animation for technical teams and projects</li>
</ul>
</div>
<div className="exp-item">
<div className="job">
<a className="company" href="#" target="_blank">Sur University College, Oman</a>
<div className="duration">May 2015 — August 2015</div>
</div>
<div className="title">Web Developer (Internship)</div>
<ul className="description">
<li>Designed and maintained the website for IISSA-2016 Conference hosted by SU using HTML, CSS and JavaScript</li>
<li>Assisted senior web developers by supporting design and coding for university webpages</li>
</ul>
</div>
<div className="exp-item">
<div className="job">
<a className="company" href="#" target="_blank">Tech-A-Mania</a>
<div className="duration">May 2014 — March 2015</div>
</div>
<div className="title">Web Developer</div>
<ul className="description">
<li>Designed and maintained the organization web page using HTML, CSS, JavaScript and MySQL.</li>
<li>Set up and managed databases integrated data from various back-end services</li>
</ul>
</div>
</div>
</div>
<div className="projects">
<h4>Projects</h4>
<div className="content">
<div className="project-item">
<a className="project-title" href="#" target="_blank">Ver.ID</a>
<div className="duration">December 2017 — Present</div>
<p className="project-desc">Project lead for developing a credential verification platform using block chain technology. Developing a
secure platform to verify, store, and share credentials to share with prospective employers.</p> <p> Technologies in use
include React, Bootstrap, Node.js, MySQL, AWS, Ethereum, Web3.js, Geth, Truffle.</p>
</div>
<div className="project-item">
<a className="project-title" href="#" target="_blank">FEEDback</a>
<div className="duration">February 2018 — Present</div>
<p className="project-desc">FEEDBack: Developing a hybrid mobile application that allows users to share surplus food from restaurants,
parties, event/meetups around the campus.</p> <p>
Technologies being used: JavaScript, Ionic Framework, MongoDB, Postman, Google Maps API</p>
</div>
<div className="project-item">
<a className="project-title" href="#" target="_blank">Security in Time Series Databases</a>
<div className="duration">January 2017 — May 2017</div>
<p className="project-desc">Created an encryption system as a built-in feature for an open-source Time Series database. Created programs to automate requests to Time Series databases and also compute statistic for responses.</p>
</div>
<div className="project-item">
<div className="project-title">Wireless Home Automation System</div>
<div className="duration">January 2017 — May 2017</div>
<p className="project-desc">Created a prototype for a home automation system using GSM, Bluetooth, WiFi, ZigBee and IR Technology. Created an Android application to control the unit using Bluetooth and a web app to control the device using WiFi and integrated with Cloud Technology to automate the process.</p>
</div>
<div className="project-item">
<a className="project-title" href="#" target="_blank">Books2Go</a>
<div className="duration">August 2016 — December 2016</div>
<p className="project-desc">Designed and developed android app ‘Books2Go’ for university students to buy and sell used books using an Ebay-esque bidding system. The application was built on Android Studio and made use of MongoDB as database & Firebase for login authentication.</p>
</div>
</div>
</div>
<a className="resume" href="img/resume.pdf" target="_blank"><div className="resume-link">Grab a PDF of my full resume</div></a>
</div>
</div>
);
}
});
ReactDOM.render(
<App profileData={DATA}/>,
document.getElementById('content')
);
</script>
</body>
</html>