-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (143 loc) · 10.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- jquery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" language="javascript" src="app.js"></script>
<!-- styles -->
<link rel="stylesheet" href="./styles.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
<!-- Font Awesome CDN -->
<script src="https://use.fontawesome.com/c4dbde0f76.js"></script>
<title>Victor Cortez</title>
</head>
<body>
<aside class="sidebar">
<header>
<img src="images/portrait.jpg" alt="a picture of Victor Cortez">
<h1>
<a id="name" href="#" onclick="window.open('https://www.linkedin.com/in/jv-cortez/')">Victor Cortez</a>
<br> <span id="jobTitle">Junior Web Developer </span></br>
</h1>
</header>
<div class="contactList">
<!-- Email -->
<a href="mailto:juanvictor.cortez@gmail.com" ><i class="fa fa-envelope-o" aria-hidden="true"></i> juanvictor.cortez@gmail.com</a>
<!-- Github -->
<br><a href="#" onclick="window.open('https://github.com/jv-cortez')"><i class="fa fa-github" aria-hidden="true"></i> jv-cortez</a>
<!-- Twitter -->
<br><a href="#" onclick="window.open('https://twitter.com/jv_cortez')"><i class="fa fa-twitter" aria-hidden="true"></i> @jv_cortez</a>
<!-- PDF of Resume -->
<br><a href="#" onclick="window.open('https://www.visualcv.com/jv-cortez')"><i class="fa fa-download" aria-hidden="true"></i> download</a>
</div>
<div class="skills">
<h2>Skill Stack</h2>
<p><b>Languages & Frameworks</b><br>JavaScript (ES5 & ES6), PHP, HTML5, CSS3/SASS, Node.js, JQuery, React.js, Ajax, PostgresSQL, NoSQL, MongoDB </p>
<p><b>Other</b><br>SPSS Statistics, InDesign (basic), Illustrator (basic), Photoshop (basic), Video Editing, Social Media (Hootsuite)</p>
<p><b>Spoken Languages</b><br>English, Filipino (Tagalog)</p>
</div>
<p id="aside-ftr"> <b>< > with </b> ❤️ & ☕️</p>
</aside>
<!-- Main Content -->
<main>
<section class="summary">
<h2>Summary</h2>
<p>Kwantlen Polytechnic University sociology graduate with quantitative & qualitative research experience and now solves problems through code. Currently focused on developing full-stack coding skills focusing on PHP, NoSQL, ES6, & JQuery. Hungry learner, hard worker, & team player. Cheese & sushi enthusiast but not at the same time.</p>
</section>
<section class="experience">
<h2>Experience</h2>
<ul>
<li>Web Development - Full-Stack</li>
<li>Quantitative & Qualitative Research </li>
<li>Event Planning</li>
<li>Customer Service</li>
<li>Teaching & Mentoring</li>
</ul>
</section>
<section class="mentoring">
<h2>Mentoring Experience</h2>
<ul>
<li>Canada Learning Code</li>
<li>Ladies Learning Code</li>
<li>Lighthouse Labs</li>
</ul>
</section>
<section class="hackathons">
<h2>Hackathons</h2>
<ul>
<li>Fishackathon Vancouver 2018 - <a href="https://i.imgur.com/WlzwWN1.jpg?1" target="_blank">2nd place</a> for <a href="https://github.com/jv-cortez/fishprice" target="_blank">Fishprice</a></li>
<li><a href="http://www.missionhack.ca/" target="_blank"></a> Mission Hack 2018</li>
</ul>
</section>
<section class="education">
<h2>Education</h2>
<ul>
<li>Web Development Diploma - Lighthouse Labs
<br> <em>Graduated in August 2017</em>
<p>Received a Diploma in Web Development after completing an intensive full-stack Web Development bootcamp with over 500 hours of on-hand and theoretical programming classes. The bootcamp included JavaScript, Ruby, Rails, React, PostgresSQL and more.</p>
</li>
<ul class="projectsBullet">
<li>
<section >
<header id="projects">Projects <span class="show">(Click me!)</span></header>
<table>
<tr>
<td><a href="#" onclick="window.open('https://github.com/yowiputra/BuddyUp')"><img src="images/splashpage.png" alt="BuddyUp home page"></a></td>
<td><p><b>Lighthouse Labs</b> Final Project <br/><br/> A game match-making web application built on React, Redux, PostgreSQL, Express, Socket.io and Node.js. Meant as a better automatch-making system than an online game's default matching system, this web app uses a Tinder-style approach in pairing up players based on their desired skill-level of their match.</p></td>
</tr>
<tr>
<td><a href="#" onclick="window.open('https://github.com/howareyouhelen/PollStar')"><img src="images/homepage.png" alt="PollStar home page"></a></td>
<td><p><b>Lighthouse Labs</b> Midterm Project <br/><br/> Pollstar is a web app that helps groups of friends to vote on a preferred choice (using ranked voting/Borda count), for example: "What movie should we see next Friday?". It is anonymous, and so it does not need a user registration/login to use the app. The creator of the poll will receive the links of the voting page and the resut page of their poll in an email through Sendgrid. The creator can then share the vote and result link with his/her group.</p></td>
</tr>
<tr>
<td><a href="#" onclick="window.open('https://github.com/jv-cortez/chattyapp')"><img src="images/chatfunctionsWithusercount.png" alt="Chatty App with Chat"></a></td>
<td><p><b>Slack Clone</b> <br/><br/> Chatty project to practice building web applications that have real-time functionality where users do not have to reload the page in order to see updates.Chatty will allow users to communicate with each other without having to register accounts. It will use React, a popular front-end library created and used heavily by Facebook as well as modern tools for Node including Webpack and Babel.</p></td>
</tr>
<tr>
<td><a href="#" onclick="window.open('https://github.com/jv-cortez/tweetr')"><img src="images/tweeter-textbox.png" alt="Tweeter App"></a></td>
<td><p><b>Twitter Clone</b> <br/><br/> Tweeter is a simple, single-page Twitter clone built with HTML5, CSS3/SASS, JS, jQuery, AJAX, Node, Express and MongoDB. Messages are kept persistent with the use of Mongo DB. Tweetr is also responsive and can be viewed through a mobile phone</p></td>
</tr>
</table>
</section>
</li>
</ul>
<li>Study Abroad - University of Central Lancashire
<br><em>January 2016 to May 2016</em>
<p>Took part in the KPU Study Abroad Program (Exchange Semester Spring 2016) in Preston, Lancashire, United Kingdom. Awarded Irving K. Barber One World International Scholarship to go towards the expenses of the Exchange Semester.</p>
</li>
<li>Bachelor of Arts in Sociology - Kwantlen Polytechnic University
<br> <em>Graduated in October 2017</em>
<p>Awarded a Bachelor of Arts in Sociology and received the President's Most Outstanding Graduate Award for Academic Excellence and Community Involvement.</p>
</li>
</ul>
</section>
<section class="employment">
<h2>Employment</h2>
<ul>
<li><a href="spac.io" target="_blank">Spacio Inc.</a> - Jr. Full-Stack Web Developer <br><em>November 2017 to Current</em>
<p>Develop, maintain, and general upkeep of the company's products both front-end and back-end. I use HTML, CSS, JavaScript, Jquery library for front-end, and PHP, MongoDB for back-end. I also perform graphic design and technical cutomer support.</p>
</li>
<li>Active KSA - Active KSA Specialist
<br><em>October 2012 to November 2017</em>
<p>Created, and facilitated health and recreational programs for the Kwantlen Student Association and Kwantlen Polytechnic University community. Responsibilities involved event planning, event facilitation, public speaking, connecting with executives, communicating with companies and university staff for school events.</p>
</li>
<li>Storied Migrants - Research Assistant
<br><em>May to November 2015</em>
<p>Assisted PhD Candidate, Jenny Shaw, on her PhD project titled
<em>Storied Migrants: Transnational Youths’ Experiences of Place and Belonging after Long-Term Family Separation</em>
which included setting up, leading, and making reports for workshops as well as transcribing.</p>
</li>
<li>Explore Program: Langara College - Cultural Assistant
<br><em>June to July 2015</em>
<p>Researching, organizing & implementing cultural/recreational activities and events; preparing reports & program evaluations; meeting with the Program Coordinator & other CAs on a daily basis; preparing for and participating in a weekly forum for students; & handling activity-related budgeting duties as required.</p>
</li>
</ul>
</section>
</main>
</body>
</html>