https://davidangel.net/

1<!DOCTYPE html>
2<html lang="en-US">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width,initial-scale=1">
6    <title>Home | David Angel</title>
7    <meta name="generator" content="VuePress 1.9.10">
8    

8<script>var _paq = window._paq = window._paq || [];
9_paq.push(['trackPageView']);
10_paq.push(['enableLinkTracking']);
11(function() {
12  var u='//matomo.davidangel.net/';
13  _paq.push(['setTrackerUrl', u + 'matomo.php']);
14  _paq.push(['setSiteId', '1']);
15  var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
16  g.async=true; g.src=u + 'matomo.js'; s.parentNode.insertBefore(g,s);
17})();</script>

17
18    <link rel="alternate" type="application/rss+xml" href="https://davidangel.net/rss.xml" title="David Angel RSS Feed">
19    <link rel="alternate" type="application/atom+xml" href="https://davidangel.net/feed.atom" title="David Angel Atom Feed">
20    <link rel="alternate" type="application/json" href="https://davidangel.net/feed.json" title="David Angel JSON Feed">
21    <meta name="description" content="My name is David Angel. I’m a Software Engineer with a passion for finding efficient ways to solve problems. Lately, I&#39;ve been focusing on web application development + e-commerce.">
22    <meta name="twitter:title" content="Home">
23    <meta name="twitter:description" content="My name is David Angel. I’m a Software Engineer with a passion for finding efficient ways to solve problems. Lately, I&#39;ve been focusing on web application development + e-commerce.">
24    <meta name="twitter:card" content="summary">
25    <meta name="twitter:url" content="https://davidangel.net/">
26    <meta property="og:type" content="article">
27    <meta property="og:title" content="Home">
28    <meta property="og:description" content="My name is David Angel. I’m a Software Engineer with a passion for finding efficient ways to solve problems. Lately, I&#39;ve been focusing on web application development + e-commerce.">
29    <meta property="og:url" content="https://davidangel.net/">
30    <meta property="og:site_name" content="David Angel">
31    <meta property="article:published_time" content="2019-02-15 03:08:02 +0000">
32    <meta itemprop="name" content="Home">
33    <meta itemprop="description" content="My name is David Angel. I’m a Software Engineer with a passion for finding efficient ways to solve problems. Lately, I&#39;ve been focusing on web application development + e-commerce.">
34    
35    <link rel="preload" href="/assets/css/0.styles.7c0e33b8.css" as="style"><link rel="preload" href="/assets/js/app.7f733bf2.js" as="script"><link rel="preload" href="/assets/js/3.5f98047c.js" as="script"><link rel="preload" href="/assets/js/8.694ec39f.js" as="script"><link rel="preload" href="/assets/js/2.76651e2a.js" as="script"><link rel="preload" href="/assets/js/28.65c36330.js" as="script"><link rel="prefetch" href="/assets/js/1.700614d3.js"><link rel="prefetch" href="/assets/js/10.698f5889.js"><link rel="prefetch" href="/assets/js/12.64f6e42f.js"><link rel="prefetch" href="/assets/js/13.bd66e6ed.js"><link rel="prefetch" href="/assets/js/14.d6ae3502.js"><link rel="prefetch" href="/assets/js/15.0549a1cc.js"><link rel="prefetch" href="/assets/js/16.34905cc7.js"><link rel="prefetch" href="/assets/js/17.df25bd6c.js"><link rel="prefetch" href="/assets/js/18.68afc4cc.js"><link rel="prefetch" href="/assets/js/19.e329cf25.js"><link rel="prefetch" href="/assets/js/20.869cc21d.js"><link rel="prefetch" href="/assets/js/21.f54f0dbf.js"><link rel="prefetch" href="/assets/js/22.aa7bf891.js"><link rel="prefetch" href="/assets/js/23.553056c7.js"><link rel="prefetch" href="/assets/js/24.a51e6c5c.js"><link rel="prefetch" href="/assets/js/25.0229db84.js"><link rel="prefetch" href="/assets/js/26.e55f8570.js"><link rel="prefetch" href="/assets/js/27.81db3626.js"><link rel="prefetch" href="/assets/js/29.b37def97.js"><link rel="prefetch" href="/assets/js/30.f7eae03b.js"><link rel="prefetch" href="/assets/js/31.e9fec309.js"><link rel="prefetch" href="/assets/js/32.f222a559.js"><link rel="prefetch" href="/assets/js/33.2931539a.js"><link rel="prefetch" href="/assets/js/34.b0f78726.js"><link rel="prefetch" href="/assets/js/35.2bf61aed.js"><link rel="prefetch" href="/assets/js/36.331c94c8.js"><link rel="prefetch" href="/assets/js/37.c7489a1f.js"><link rel="prefetch" href="/assets/js/38.509b4fa0.js"><link rel="prefetch" href="/assets/js/39.18592fab.js"><link rel="prefetch" href="/assets/js/4.dee24cf5.js"><link rel="prefetch" href="/assets/js/40.39582670.js"><link rel="prefetch" href="/assets/js/41.fbf5aa70.js"><link rel="prefetch" href="/assets/js/5.4ca293aa.js"><link rel="prefetch" href="/assets/js/6.c96c59ba.js"><link rel="prefetch" href="/assets/js/7.9f3c6315.js"><link rel="prefetch" href="/assets/js/9.d1064862.js">
36    <link rel="stylesheet" href="/assets/css/0.styles.7c0e33b8.css">
37  </head>
38  <body>
39    <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><button aria-label="Switch to dark mode" class="dark-mode-toggle dark-mode-toggle-fixed"><span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></span></button> <div class="container mx-auto px-4"><div class="logo flex items-center p-12"><div class="mx-auto"><div ontouchstart="" class="DALogo" style="width:100px;height:100px;"><div class="flip-container hover" style="width:100;height:size;"><div class="flipper" style="height:size;width:100;transition:0.5s;"><div class="front" style="height:size;width:100;transition:0.5s;"><div><div><svg x="0px" y="0px" id="DA" cursor="default" version="1.1" enable-background="new 0 0 437.8 437.5" viewB

39ox="-7.367 -6.084 451.436 451.336" xmlns="http://www.w3.org/2000/svg" width="100" height="100" style="zoom:1;"><g transform="matrix(0.99701, 0, 0, 0.99701, 8.995913, 1.286383)"><circle r="210.1" cx="208.732956px" cy="219.352661px" fill="#70a5d8" class="inner-circle"></circle> <g><g><path d="M 134.333 272.053 C 137.033 273.753 140.133 276.753 143.633 281.053 L 143.633 19.59 L 158.433 15.404 L 158.433 360.553 L 144.633 360.553 L 144.633 347.853 C 141.033 353.453 136.833 357.553 131.933 360.053 C 127.033 362.553 121.533 363.853 115.233 363.853 C 105.133 363.853 96.333 359.553 88.933 351.053 C 81.533 342.453 77.833 331.153 77.833 316.853 C 77.833 303.553 81.233 292.053 88.033 282.253 C 94.833 272.553 104.433 267.653 117.033 267.653 C 123.733 267.553 129.633 269.053 134.333 272.053 Z M 100.033 340.553 C 104.133 347.153 110.733 350.453 119.933 350.453 C 127.033 350.453 132.833 347.353 137.333 341.253 C 141.933 335.153 144.133 326.353 144.133 314.953 C 144.133 303.453 141.833 294.853 137.133 289.353 C 132.433 283.853 126.633 281.053 119.733 281.053 C 112.033 281.053 105.833 284.053 101.033 289.953 C 96.233 295.853 93.833 304.553 93.833 316.053 C 93.833 325.753 95.933 333.953 100.033 340.553 Z"><title>d</title></path> <path d="M 230.233 305.253 C 233.733 304.753 236.133 303.353 237.333 300.853 C 238.033 299.453 238.333 297.553 238.333 294.953 C 238.333 289.753 236.433 285.853 232.733 283.553 C 229.033 281.153 223.733 279.953 216.733 279.953 C 208.733 279.953 203.033 282.153 199.733 286.453 C 197.833 288.853 196.633 292.453 196.033 297.153 L 181.733 297.153 C 182.033 285.853 185.633 278.053 192.633 273.553 C 199.633 269.153 207.733 266.953 217.033 266.953 C 227.733 266.953 236.433 268.953 243.133 273.053 C 249.733 277.153 253.133 283.553 253.133 292.153 L 253.133 344.753 C 253.133 346.353 253.433 347.653 254.133 348.553 C 254.833 349.553 256.133 349.953 258.233 349.953 C 258.933 349.953 259.733 349.953 260.533 349.853 C 261.433 349.753 388.103 327.055 389.103 326.955 L 381.421 339.33 C 379.021 340.03 259.033 362.153 257.833 362.253 C 256.533 362.453 254.833 362.553 252.733 362.553 C 247.433 362.553 243.633 360.653 241.233 356.953 C 239.933 354.953 239.133 352.153 238.633 348.553 C 235.533 352.653 231.033 356.153 225.133 359.253 C 219.233 362.353 212.833 363.753 205.733 363.753 C 197.233 363.753 190.333 361.153 184.933 356.053 C 179.533 350.953 176.833 344.453 176.833 336.753 C 176.833 328.253 179.433 321.753 184.733 317.053 C 190.033 312.353 196.933 309.553 205.533 308.453 L 230.233 305.253 Z M 197.833 346.753 C 201.033 349.353 204.933 350.553 209.333 350.553 C 214.733 350.553 219.933 349.353 225.033 346.853 C 233.533 342.753 237.833 335.953 237.833 326.553 L 237.833 314.253 C 235.933 315.453 233.533 316.453 230.633 317.253 C 227.633 318.053 224.833 318.653 221.933 318.953 L 212.633 320.153 C 207.033 320.853 202.933 322.053 200.133 323.653 C 195.433 326.353 193.033 330.553 193.033 336.453 C 193.033 340.753 194.633 344.153 197.833 346.753 Z"><title>a</title></path> <circle r="211.3" cx="210.033" cy="218.953" class="OuterCircle"></circle></g></g></g></svg></div></div></div> <div class="back" style="height:size;width:100;transition:0.5s;"><div><img src="/images/davidangel.jpg" width="100" height="100" alt="David Angel" title="David Angel" class="rounded-full border-2 border-solid border-black"></div></div></div></div></div></div></div> <nav class="site-navbar bg-white shadow mb-8 dark:bg-gray-800"><div class="container mx-auto"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <div class="links flex flex-row items-end justify-between"><nav class="nav-links flex items-start can-hide"><div class="nav-item h-12"><a href="/" aria-current="page" class="nav-link no-underline inline-flex h-full items-center px-5 py-2 text-xs text-gray-900 hover:bg-gray-200 hover:text-blue-500 dark:text-gray-100 dark:hover:bg-gray-700 dark:hover:text-blue-300 router-link-exact-active router-link-active">Home</a></div><div class="nav-item h-12"><a href="/resume/" class="nav-link no-underline inline-flex h-full items-center px-5 py-2 text-xs text-gray-900 hover:bg-gray-200 hover:text-blue-500 dark:text-gray-100 dark:hover:bg-gray-700 dark:hover:text-blue-300">Resume</a></div><div class="nav-item h-12"><a href="/contact/" class="nav-link no-underline inline-flex h-full items-center px-5 py-2 text-xs text-gray-900 hover:bg-gray-200 hover:text-blue-500 dark:text-gray-100 dark:hover:bg-gray-700 dark:hover:text-blue-300">Contact</a></div> <!----></nav> <div class="hidden sm:flex self-center items-center justify-center pr-4 can-hide"><div class="search-box navbar-search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div></div></div></div></nav> <div class="sidebar-mask"></div> <aside class="sidebar shadow"><nav class="nav-links flex items-start"><div class="nav-item h-12"><a href="/" aria-current="page" class="nav-link no-underline inline-flex h-full items-center px-5 py-2 text-xs text-gray-900 hover:bg-gray-200 hover:text-blue-500 dark:text-gray-100 dark:hover:bg-gray-700 dark:hover:text-blue-300 router-link-exact-active router-link-active">Home</a></div><div class="nav-item h-12"><a href="/resume/" class="nav-link no-underline inline-flex h-full items-center px-5 py-2 text-xs text-gray-900 hover:bg-gray-200 hover:text-blue-500 dark:text-gray-100 dark:hover:bg-gray-700 dark:hover:text-blue-300">Resume</a></div><div class="nav-item h-12"><a href="/contact/" class="nav-link no-underline inline-flex h-full items-center px-5 py-2 text-xs text-gray-900 hover:bg-gray-200 hover:text-blue-500 dark:text-gray-100 dark:hover:bg-gray-700 dark:hover:text-blue-300">Contact</a></div> <!----></nav> <div class="search-box sidebar-search"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div>  <!----> </aside> <main class="page"> <div class="flex items-center content relative"><div class="w-full md:mx-auto"><div class="shadow"><div class="bg-white px-4 py-4 sm:px-8 sm:py-8 md:px-20 md:py-16 dark:bg-gray-800 dark:text-gray-100"><!----> <div class="content__default"><div class="leading-loose text-5xl font-bold">
40Hello.
41</div> <div class="leading-relaxed text-xl md:text-2xl">
42My name is David Angel. I’m a Software Engineer driven by a passion for crafting efficient, impactful solutions.
43</div> <br> <div class="leading-relaxed text-lg md:text-xl">
44  Currently, I specialize in web application development, leveraging tools like TypeScript, React, and Apollo GraphQL to build an innovative SaaS platform at WorkTango, where I help transform employee experiences for organizations worldwide. Check out my <a href="/resume">resume</a> to see more of what I’ve been working on!
45</div></div></div></div> <!----></div></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main> <footer class="mt-1"><div class="px-2"><div class="flex flex-wrap -mx-2 text-center text-xs font-light tracking-wide uppercase"><div class="flex justify-around w-1/3 w-full py-10 md:w-1/3"><div><p class="mb-3">GitHub</p> <a href="https://github.com/davidangel" target="_blank" class="hover-grow block text-2xl text-blue-700 hover:text-gray-900 dark:text-blue-300 dark:hover:text-gray-100"><i class="fab fa-github"></i></a></div> <div><p class="mb-3">CodePen</p> <a href="https://codepen.io/davidangel" target="_blank" class="hover-grow block text-2xl text-blue-700 hover:text-gray-900 dark:text-blue-300 dark:hover:text-gray-100"><i class="fab fa-codepen"></i></a></div></div> <div class="w-1/3 w-full py-5 md:w-1/3"><div class="flex items-center px-1 logo md:p-4"><div class="mx-auto"><div ontouchstart="" class="DALogo" style="width:100px;height:100px;"><div class="flip-container" style="width:100;height:size;"><div class="flipper" style="height:size;width:100;transition:0.5s;"><div class="front" style="height:size;width:100;transition:0.5s;"><div><div><svg x="0px" y="0px" id="DA" cursor="default" version="1.1" enable-background="new 0 0 437.8 437.5" viewB

45ox="-7.367 -6.084 451.436 451.336" xmlns="http://www.w3.org/2000/svg" width="100" height="100" style="zoom:1;"><g transform="matrix(0.99701, 0, 0, 0.99701, 8.995913, 1.286383)"><circle r="210.1" cx="208.732956px" cy="219.352661px" fill="#70a5d8" class="inner-circle"></circle> <g><g><path d="M 134.333 272.053 C 137.033 273.753 140.133 276.753 143.633 281.053 L 143.633 19.59 L 158.433 15.404 L 158.433 360.553 L 144.633 360.553 L 144.633 347.853 C 141.033 353.453 136.833 357.553 131.933 360.053 C 127.033 362.553 121.533 363.853 115.233 363.853 C 105.133 363.853 96.333 359.553 88.933 351.053 C 81.533 342.453 77.833 331.153 77.833 316.853 C 77.833 303.553 81.233 292.053 88.033 282.253 C 94.833 272.553 104.433 267.653 117.033 267.653 C 123.733 267.553 129.633 269.053 134.333 272.053 Z M 100.033 340.553 C 104.133 347.153 110.733 350.453 119.933 350.453 C 127.033 350.453 132.833 347.353 137.333 341.253 C 141.933 335.153 144.133 326.353 144.133 314.953 C 144.133 303.453 141.833 294.853 137.133 289.353 C 132.433 283.853 126.633 281.053 119.733 281.053 C 112.033 281.053 105.833 284.053 101.033 289.953 C 96.233 295.853 93.833 304.553 93.833 316.053 C 93.833 325.753 95.933 333.953 100.033 340.553 Z"><title>d</title></path> <path d="M 230.233 305.253 C 233.733 304.753 236.133 303.353 237.333 300.853 C 238.033 299.453 238.333 297.553 238.333 294.953 C 238.333 289.753 236.433 285.853 232.733 283.553 C 229.033 281.153 223.733 279.953 216.733 279.953 C 208.733 279.953 203.033 282.153 199.733 286.453 C 197.833 288.853 196.633 292.453 196.033 297.153 L 181.733 297.153 C 182.033 285.853 185.633 278.053 192.633 273.553 C 199.633 269.153 207.733 266.953 217.033 266.953 C 227.733 266.953 236.433 268.953 243.133 273.053 C 249.733 277.153 253.133 283.553 253.133 292.153 L 253.133 344.753 C 253.133 346.353 253.433 347.653 254.133 348.553 C 254.833 349.553 256.133 349.953 258.233 349.953 C 258.933 349.953 259.733 349.953 260.533 349.853 C 261.433 349.753 388.103 327.055 389.103 326.955 L 381.421 339.33 C 379.021 340.03 259.033 362.153 257.833 362.253 C 256.533 362.453 254.833 362.553 252.733 362.553 C 247.433 362.553 243.633 360.653 241.233 356.953 C 239.933 354.953 239.133 352.153 238.633 348.553 C 235.533 352.653 231.033 356.153 225.133 359.253 C 219.233 362.353 212.833 363.753 205.733 363.753 C 197.233 363.753 190.333 361.153 184.933 356.053 C 179.533 350.953 176.833 344.453 176.833 336.753 C 176.833 328.253 179.433 321.753 184.733 317.053 C 190.033 312.353 196.933 309.553 205.533 308.453 L 230.233 305.253 Z M 197.833 346.753 C 201.033 349.353 204.933 350.553 209.333 350.553 C 214.733 350.553 219.933 349.353 225.033 346.853 C 233.533 342.753 237.833 335.953 237.833 326.553 L 237.833 314.253 C 235.933 315.453 233.533 316.453 230.633 317.253 C 227.633 318.053 224.833 318.653 221.933 318.953 L 212.633 320.153 C 207.033 320.853 202.933 322.053 200.133 323.653 C 195.433 326.353 193.033 330.553 193.033 336.453 C 193.033 340.753 194.633 344.153 197.833 346.753 Z"><title>a</title></path> <circle r="211.3" cx="210.033" cy="218.953" class="OuterCircle"></circle></g></g></g></svg></div></div></div> <div class="back" style="height:size;width:100;transition:0.5s;"><div><img src="/images/davidangel.jpg" width="100" height="100" alt="David Angel" title="David Angel" class="rounded-full border-2 border-solid border-black"></div></div></div></div></div></div></div></div> <div class="flex justify-around w-1/3 w-full py-10 md:w-1/3"><div><p class="mb-3">Instagram</p> <a href="https://instagram.com/davidius" target="_blank" class="hover-grow block text-2xl text-blue-700 hover:text-gray-900 dark:text-blue-300 dark:hover:text-gray-100"><i class="fab fa-instagram"></i></a></div> <div><p class="mb-3">Unsplash</p> <a href="https://unsplash.com/@davidangel" target="_blank" class="hover-grow block text-2xl text-blue-700 hover:text-gray-900 dark:text-blue-300 dark:hover:text-gray-100"><i class="fas fa-camera"></i></a></div></div></div></div> <div class="flex items-center p-12 text-gray-600 dark:text-gray-300"><span class="mx-auto">© 2026 by David Angel</span></div></footer></div></div><div class="global-ui"></div></div>
46    

46<script src="/assets/js/app.7f733bf2.js" defer></script>

46<script src="/assets/js/3.5f98047c.js" defer></script>

46<script src="/assets/js/8.694ec39f.js" defer></script>

46<script src="/assets/js/2.76651e2a.js" defer></script>

46<script src="/assets/js/28.65c36330.js" defer></script>

46
47  

47<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"93069725ae48469dac9431ec576b395f","r":1,"spa":2}' crossorigin="anonymous"></script>

47
48</body>
49</html>