-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (173 loc) · 8.26 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Laura Tan</title>
<link rel="shortcut icon" href="assets/images/favicon.ico">
<link rel=stylesheet href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Work+Sans:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="./public/scripts/app.js"></script>
</head>
<body>
<div id="particles-js"></div>
<div class="summary">
<img id="logo" src="./assets/images/laura-tan-v3.svg" alt="logo">
<h1>Hello I'm <strong>Laura Tan</strong>, a <span class="highlight">software developer</span> based in Vancouver, BC.</h1>
<h2>I come from a background in plant biology 🌿 it is still an interest of mine but my passion for solving logic problems/puzzles led me to a career in software development! Motivated by my own improvement and enjoy learning new technologies.</h2>
</div>
<div class="skills">
<h1 class="section-title"><strong>Tech Stack</strong></h1>
<section class="languages">
<h2><i class="fas fa-code"></i> Languages, Frameworks & Libraries</h2>
<p>Javascript | Ruby | Python | HTML5 | CSS | SASS | LESS</p>
<p>Node.js | jQuery | ReactJS | Redux | Express | EJS | Bootstrap | Webpack | AJAX | Rails | ActiveRecord | Socket.IO | Knex | Babel | ForestAdmin | EmberJS </p>
</section>
<section class="systems">
<h2><i class="fas fa-database"></i> Systems, CMS & Databases</h2>
<p>PostGreSQL | MongoDB | MYSQL | git</p>
</section>
<section class="other">
<h2><i class="fas fa-lightbulb"></i> Other</h2>
<p>Stripe API | Jest | Enzyme</p>
</section>
<section class="human">
<h2><i class="fas fa-language"></i> Human Languages</h2>
<p>English | Mandarin Chinese</p>
</section>
</div>
<div class="experience">
<h1 class="section-title"><strong>Experience</strong></h1>
<section class="ensemble">
<h1><strong>Ensemble Systems Inc</strong></h1>
<p>February 2020 - Current</p>
<li class="list">Work with an agile team to develop an over-the-top media streaming service.</li>
<li class="list">Implemented the front end UI based on mockups and work closely with the design and QA teams.</li>
<li class="list">Experienced with creating smart TV applications on Samsung, LG, PS4 and VIZIO.</li>
</section>
<section class="proinstinct">
<h1><strong>ProInstinct</strong></h1>
<p>June 2020 - Current</p>
<li class="list">Responsible for developing the mobile app from scratch.</li>
<li class="list">Worked closely with the founders, designers and other developers to improve the app whereever possible.</li>
<li class="list">Created builds and publish apps onto Testflight on iOS and published Androids applications for user study.</li>
</section>
<section class="reship">
<h1><strong>Monark Group</strong></h1>
<h2>Reship.com</h2>
<p>January 2019 - January 2020</p>
<li class="list">Responsible for developing an internal admin site for customer services and management teams</li>
<li class="list">Implemented the front end by designing a better UI/UX and using ReactJS</li>
<li class="list">Primary QA for testing all applications (client-side/admin/trackpads), document tests and bugs</li>
<li class="list">Wrote documentations, ERD and user manuals</li>
</section>
<section class="petradise">
<h1><strong>Petradise</strong></h1>
<p>August 2018 - November 2018</p>
<li class="list">Responsible for implementing a new payment feature using Stripe API</li>
<li class="list">Implemented a responsive ReactJS UI design based on mockups to improve the user experience of the app</li>
<li class="list">Wrote unit tests for every function that was added (Jest/Enzyme)</li>
<li class="list">Worked in an agile software development setting</li>
</section>
</div>
<div class="projects">
<h1 class="section-title"><strong>Projects</strong></h1>
<div id="paw2paw">
<button class="project-btn bouncy" id="paw2paw-btn">PAW 2 PAW</button>
<div>
<a href="https://github.com/lauratan/paw2paw" target="_blank">
<img src="assets/images/paw2paw-1.gif" alt="paw2paw">
</a>
</div>
<div class="paw2paw-details">
<p class="date">August 2018</p>
<p class="details">Paw 2 Paw is a fullstack pet services platform developed as a final project at Lighthouse Labs.
A web application for pet owners to find nearby trustworthy pet sitters and for pet lovers to provide their care and service for those in need.
</p>
<hr>
<p class="details"><strong>Stack:</strong> Ruby, Rails, ActiveRecord, ReactJS, PostGreSQL, CSS, Bootstrap, SCSS</p>
</div>
</div>
<div id="jungle">
<button class="project-btn bouncy" id="jungle-btn">Jungle</button>
<div>
<a href="https://github.com/lauratan/jungle-rails" target="_blank">
<img id="jungle-img" src="assets/images/jungle.png" alt="jungle">
</a>
</div>
<div class="jungle-details">
<p class="date">July 2018</p>
<p class="details">Jungle is a full stack mini e-commerce application built with the intention of learning a new language and framework by working on an existing app through implementing features and fixing bugs.
</p>
<hr>
<p class="details"><strong>Stack:</strong> Ruby, Rails, ActiveRecord, PostGreSQL, HTML5, CSS, Bootstrap</p>
</div>
</div>
<div id="chatty">
<button class="project-btn bouncy" id="chatty-btn">Chatty App</button>
<div>
<a href="https://github.com/lauratan/chatty-app" target="_blank">
<img id="chatty-gif" src="assets/images/chatty.gif" alt="chatty">
</a>
</div>
<div class="chatty-details">
<p class="date">July 2018</p>
<p class="details">Chatty App is a simple ReactJS real-time chat app built from a
minimal react boilerplate to gain experience with building web
apps with React.
</p>
<hr>
<p class="details"><strong>Stack:</strong> ReactJS, Express, Webpack, Babel, WebSocket, HTML5, CSS</p>
</div>
</div>
<div id="tweeter">
<button class="project-btn bouncy" id="tweeter-btn">Tweeter</button>
<div>
<a href="https://github.com/lauratan/tweeter" target="_blank">
<img id="chatty-gif" src="assets/images/tweeter.gif" alt="tweeter">
</a>
</div>
<div class="tweeter-details">
<p class="date">June 2018</p>
<p class="details">Tweeter is a simple, single-page Twitter clone that was built to
practice front-end skills and languages as well as expanding
knowledge on Node, Express and implementing MongoDB
back-end skills.
</p>
<hr>
<p class="details"><strong>Stack:</strong> Node.js, Express, jQuery, AJAX, HTML5, CSS, Bootstrap, MongoDB</p>
</div>
</div>
</div>
<div class="education">
<h1 class="section-title"><strong>Education</strong></h1>
<section class="lhl">
<h2><img id="lhl" src="./assets/images/lhl.png"/>Lighthouse Labs</h2>
<h3>Web Development Bootcamp</h3>
<i>June 2018 - August 2018</i>
</section>
<section class="ubc">
<h2><img id="ubc" src="./assets/images/ubc.png"/> University of British Columbia</h2>
<h3>Bachelor of Science - Biology</h3>
<i>September 2013 - May 2018</i>
</section>
</div>
<div class="contact">
<h1 class="section-title"><strong>Contact Me!</strong></h1>
<div class="me">
<img src="./assets/images/me.png" alt="Smiley" />
</div>
<section class="contact-info">
<ol><a href="mailto:laura.tan108@gmail.com"><i class="far fa-envelope"></i> Email</a></ol>
<ol><a href="https://github.com/lauratan" target="_blank"><i class="fab fa-github"></i> Github</a></ol>
<ol><a href="https://www.linkedin.com/in/lauraatan" target="_blank"><i class="fab fa-linkedin"></i> Linkedin</a></ol>
<ol><a href="./assets/images/resume.pdf" download="Laura-Tan-Resume" target="_blank"><i class="far fa-arrow-alt-circle-down"></i> Download PDF Resume</a></ol>
</section>
</div>
</body>
<footer>
<p>Made with ♥ </p>
</footer>
</html>