-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbase-fullstack.html
More file actions
244 lines (213 loc) · 10.3 KB
/
base-fullstack.html
File metadata and controls
244 lines (213 loc) · 10.3 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
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html lang="en">
<!--
BASE TEMPLATE: FULLSTACK
Bullet points are LOCKED. Do NOT rewrite them per application.
Only customize sections marked CUSTOMIZE.
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daniel Israel - Resume</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', system-ui, sans-serif;
}
@media print {
body {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
font-size: 11px !important;
line-height: 1.2 !important;
}
.page-break {
page-break-before: always;
}
h1 {
font-size: 22px !important;
}
h2 {
font-size: 15px !important;
}
h3 {
font-size: 12px !important;
}
p,
li {
font-size: 10px !important;
line-height: 1.1 !important;
}
.text-xs {
font-size: 8px !important;
}
.text-sm {
font-size: 9px !important;
}
.text-base {
font-size: 12px !important;
}
.text-lg {
font-size: 14px !important;
}
.mb-4 {
margin-bottom: 0.75rem !important;
}
.mb-3 {
margin-bottom: 0.5rem !important;
}
.mb-2 {
margin-bottom: 0.375rem !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
}
</style>
</head>
<body class="max-w-3xl mx-auto p-4 bg-white text-gray-900 leading-tight">
<!-- HEADER -->
<header class="text-center mb-2 border-b-2 border-gray-800 pb-2">
<h1 class="text-3xl font-bold">Daniel Israel</h1>
<!-- CUSTOMIZE:TITLE - match job posting title exactly -->
<p class="text-base mt-1">Software Developer</p>
<p class="mt-0.5 text-sm">
danny.israel@gmail.com | linkedin.com/in/daniel-israel-software-dev | Vancouver, BC, Canada
</p>
</header>
<!-- CUSTOMIZE:SUMMARY - rewrite 2-3 sentences echoing job keywords, source from experience-tracker.md -->
<section class="mb-2">
<h2 class="text-lg font-bold mb-1 border-b-2 border-gray-300 pb-1">Professional Summary</h2>
<p class="text-xs leading-snug">
Full-Stack Developer specializing in React, TypeScript, and cloud-based architectures with experience
building end-to-end web and mobile applications. Skilled in API integrations, serverless infrastructure,
and AI-assisted development. Proven track record delivering automation systems, real-time features,
and cross-platform products from scratch.
</p>
</section>
<!-- EXPERIENCE — LOCKED. Do NOT rewrite bullets. -->
<section class="mb-4">
<h2 class="text-lg font-bold mb-2 border-b-2 border-gray-300 pb-1">Professional Experience</h2>
<div class="mb-3">
<div class="flex justify-between items-start mb-0.5">
<p class="text-base font-semibold">Senior Full Stack Developer</p>
<span class="text-gray-600 text-xs">Nov 2025 – Feb 2026</span>
</div>
<p class="font-medium text-gray-700 mb-1 text-xs">InsightLabs</p>
<ul class="list-disc ml-3 space-y-0.5 text-xs leading-tight">
<li>Architected Zendesk integration enabling customers to connect their support platform and dynamically import tickets into the application</li>
<li>Built customer-facing automation pipeline for scheduled analyses on document types, generating charts, PDF reports with email delivery</li>
<li>Created shared type definitions in Python and TypeScript ensuring runtime type safety across frontend and backend systems</li>
<li>Enhanced dashboard with standardized UI components, modal navigation, and comprehensive design language</li>
</ul>
</div>
<div class="mb-3">
<div class="flex justify-between items-start mb-0.5">
<h3 class="text-base font-semibold">Mobile Developer</h3>
<span class="text-gray-600 text-xs">Jan 2025 – Oct 2025</span>
</div>
<p class="font-medium text-gray-700 mb-1 text-xs">Secrets AI</p>
<ul class="list-disc ml-3 space-y-0.5 text-xs leading-tight">
<li>Built AI companion app from scratch with React Native and Expo, featuring comprehensive chat interfaces with real-time messaging</li>
<li>Designed and implemented full-stack in-app purchase system with Node.js backend, SQL database, and React Native frontend for monetization</li>
<li>Implemented offline data storage and image caching system using hash-based lookups to optimize performance</li>
<li>Managed complex application state with Redux for tracking unread messages, user preferences, and real-time chat status</li>
</ul>
</div>
<div class="mb-3">
<div class="flex justify-between items-start mb-0.5">
<h3 class="text-base font-semibold">Mobile Front End Developer</h3>
<span class="text-gray-600 text-xs">Jul 2023 – Dec 2024</span>
</div>
<p class="font-medium text-gray-700 mb-1 text-xs">Goose Insurance Services</p>
<ul class="list-disc ml-3 space-y-0.5 text-xs leading-tight">
<li>Rebuilt marketing website with Astro JS, reducing load times from 8s to milliseconds and cutting infrastructure costs by 10x</li>
<li>Built internal video management dashboard with Firebase for uploading, tagging, and controlling app content display</li>
<li>Designed state-driven UI architecture where backend payloads directly control component visibility and behavior</li>
<li>Developed real-time testing dashboard using Firestore subscriptions, enabling parallel test workflows and 5x QA speed improvement</li>
</ul>
</div>
</section>
<!-- ADDITIONAL EXPERIENCE — LOCKED -->
<section class="mb-4">
<div class="mb-3">
<div class="flex justify-between items-start mb-0.5">
<h3 class="text-base font-semibold">Full Stack Developer</h3>
<span class="text-gray-600 text-xs">May 2020 – Sep 2023</span>
</div>
<p class="font-medium text-gray-700 mb-1 text-xs">PhoneMe Project UBC</p>
<ul class="list-disc ml-3 space-y-0.5 text-xs leading-tight">
<li>Migrated from Fastify backend to Firebase serverless architecture, reducing costs from $200/month to $0 while handling spiky usage</li>
<li>Built offline-capable poem creation with media upload, 3D search functionality, and AI-enhanced analysis system with REST APIs</li>
<li>Developed responsive web interface with Next.js and Tailwind for cross-device compatibility</li>
</ul>
</div>
</section>
<!-- EDUCATION — LOCKED -->
<section class="mb-3">
<h2 class="text-lg font-bold mb-2 border-b-2 border-gray-300 pb-1">Education</h2>
<div class="mb-2">
<div class="flex justify-between items-start mb-0.5">
<h3 class="text-sm font-semibold">Bachelor of Computer Science</h3>
<span class="text-gray-600 text-xs">2018 – 2022</span>
</div>
<p class="font-medium text-gray-700 text-xs">University of British Columbia</p>
<p class="text-xs leading-tight">Algorithms, ML, computer vision. Java, C/C++, Python, Haskell, TypeScript. 3rd
place hackathon 2019.</p>
</div>
<div class="mb-2">
<div class="flex justify-between items-start mb-0.5">
<h3 class="text-sm font-semibold">Bachelor of Applied Human Sciences</h3>
<span class="text-gray-600 text-xs">2009 – 2014</span>
</div>
<p class="font-medium text-gray-700 text-xs">Concordia University – Montreal, QC</p>
<p class="text-xs leading-tight">Dean's List. Research Assistant, Teaching Assistant. Presented at SSHRC
conference.</p>
</div>
</section>
<!-- CUSTOMIZE:SKILLS_ORDER - reorder these 4 grid cells to put most relevant category first. Do NOT add/remove technologies. -->
<section class="mb-2">
<h2 class="text-lg font-bold mb-1 border-b-2 border-gray-300 pb-1">Technical Skills</h2>
<div class="grid grid-cols-2 gap-1">
<div>
<p class="font-semibold mb-0.5 text-xs">Languages</p>
<p class="text-xs leading-tight">TypeScript, JavaScript, Python, Java, C/C++</p>
</div>
<div>
<p class="font-semibold mb-0.5 text-xs">Backend & Cloud</p>
<p class="text-xs leading-tight">Firebase, GCP, Node.js, Flask, REST APIs, SQL, Firestore</p>
</div>
<div>
<p class="font-semibold mb-0.5 text-xs">Frontend & Mobile</p>
<p class="text-xs leading-tight">React, React Native, Next.js, Expo, Redux, Tailwind</p>
</div>
<div>
<p class="font-semibold mb-0.5 text-xs">Tools & Platforms</p>
<p class="text-xs leading-tight">Git, EAS, Push Notifications, In-App Purchases, iOS/Android Deployment</p>
</div>
</div>
</section>
<!-- PROJECTS — LOCKED -->
<section class="mb-2">
<h2 class="text-lg font-bold mb-1 border-b-2 border-gray-300 pb-1">Projects & Demos</h2>
<div class="text-xs space-y-0.5 leading-tight">
<p><strong><a href="https://github.com/disrae/resume" class="text-blue-600 hover:text-blue-800">AI Resume
Generator</a>:</strong> Open-source tool for creating ATS-optimized resumes with AI</p>
<p><strong><a href="https://apps.apple.com/us/app/wepickle/id6754783496?platform=vision"
class="text-blue-600 hover:text-blue-800">WePickle</a>:</strong> Mobile/web app for pickleball community
with court check-ins, scheduling, skills tracking</p>
<p><strong><a href="https://falcontopo.com" class="text-blue-600 hover:text-blue-800">FalconTopo</a>:</strong> 3D
climbing cliff visualization to replace traditional guidebooks</p>
<p><strong><a href="https://chat-plan-ai.vercel.app/en-ca"
class="text-blue-600 hover:text-blue-800">ChatPlanAI</a>:</strong> LLM-integrated chat application for
document generation and editing</p>
<p><strong><a href="https://www.gooseinsurance.com/en-ca/" class="text-blue-600 hover:text-blue-800">Goose
Insurance</a>:</strong> High-performance insurance website rebuilt with Astro JS, reducing load times by 99%
</p>
</div>
</section>
</body>
</html>