Help
RSS
API
Feed
Maltego
Contact
Domain > dionyang.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2020-06-06
104.28.5.246
(
ClassC
)
2024-07-18
104.21.61.234
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Thu, 18 Jul 2024 03:10:31 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveLast-Modified: Fri, 24 Nov 2023 22:02:01 GMTAccept-Ranges: bytesCF-Cache-Status: DYNAMICReport-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?svXaTZaMn2mWb4I%2F3hhnLBpqhTuWNgcFb3DzVYvvn%2Bu%2FuEQar7hov3A%2B0cArJd5Xgj7OUI1sesFjewyaui4VF4zPZMTBrgSztBTueyNxQUUPEezehKs5LDKERcsM9AHM%3D},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflareCF-RAY: 8a4f47743ec47205-SEAalt-svc: h3:443; ma86400 html langen> head> meta charsetutf-8> meta nameviewport contentwidthdevice-width, initial-scale1> !-- Bootstrap CSS --> link relstylesheet hrefcss/bootstrap.min.css> link relstylesheet hrefcss/splitting.css> link relstylesheet hrefcss/main.css> title>Advanced Web Solutions - Dion Yang/title> /head> body> div classpreloader>/div> div classbody-container> !-- div classmaster-container d-flex justify-content-center align-items-center position-relative> --> section classintro-panel panel> h1 data-splitting>DION YANG/h1> div classfooter-helper d-flex flex-column justify-content-center align-items-center> p>Scroll Down for More/p> p classchevron> svg aria-hiddentrue data-prefixfar data-iconchevron-down xmlnshttp://www.w3.org/2000/svg viewBox0 0 448 512 classsvg-inline--fa fa-chevron-down fa-w-14 fa-3x>path fillcurrentColor dM441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z/>/svg> /p> /div> /section> section classnavigation-panel panel py-4> div classcontainer h-100> div classrow h-100> div classcol-12 text-left> !-- h1>NAVIGATION/h1> p>Jump to a section/p> --> h1>Contents/h1> /div> div classcol-12 col-md-10 offset-md-1> ul> li classfont-brandon-light> a href#about>strong classabout-me-padding>01/strong> ABOUT ME/a> /li> !-- li>CASE STUDIES/li> --> li classfont-brandon-light> a href#projects>strong>02/strong> PROJECTS/a> /li> li classfont-brandon-light> a href#contact>strong>03/strong> CONTACT/a> /li> !-- li>RESUME/li> --> /ul> /div> /div> /div> /section> section classpanel about idabout> div classabout-img py-4 mb-3> div classcontainer> div classrow title mb-4> div classcol-12> span>01 span classfont-brandon-light>About me/span>/span> /div> /div> !-- div classrow> div classcol-12 col-md-6 offset-md-3> /div> /div> --> /div> /div> div classabout-info> div classcontainer> div classrow> div classcol-12 col-md-3 mb-5> div classskills> span classmb-0>Skills/span> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#81c784 points23.987,17 18.734,8 2.974,8 23.987,44 45,8 29.24,8/>polygon fill#455a64 points29.24,8 23.987,17 18.734,8 11.146,8 23.987,30 36.828,8/>/svg> img classitem src./images/icons8-responsive-100.png alt> /div> /div> /div> div classcontact my-2> span>Contact/span>br> a href#contact>Click here to contact me/a> /div> /div> div classcol-12 col-md-5> p>With a degree in Digital Media Communication from Parsons, 21 years of experience building web experiences, and over 85 projects under my belt, clients have always trusted me to deliver on time and on budget./p> p>My skillset is very comprehensive and has contributed to giving me an insight into the right way of picking the right tools for the project and in culturing and mentoring aspiring talent./p> /div> div classcol-12 col-md-4> p>From collaboration, through teamwork, and in leadership, Ive experienced a wide-range of projects all around the world./p> p>With the always changing state of building web experiences, I have deep knowledge in terms of what to look for when it comes to getting the job done and on time./p> /div> div classcol-12 text-right> span classsignature> /span> /div> /div> /div> /div> /section> !-- Toptaste --> section classpanel about idprojects> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>01 span classfont-brandon-light>Top Taste/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/toptaste.jpg altToptaste Recipe Network> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://cook-4-me-recipes.dionyang.com/ target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Demo svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> a hrefhttps://tt-storybook.dionyang.com/ target_blank classpx-4> button classbtn bg-magenta rounded-pill text-white d-flex align-items-center> Launch Storybook svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> div classmb-4> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 width512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->path dM418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1.9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2.6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9C38.3 196.2 0 225.4 0 255.6c0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zm-30.3-120.3c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zm-24.5 263.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6.4 19.5.6 29.5.6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8.9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zm-149.7-15c25.3 0 45.8-20.5 45.8-45.8s-20.5-45.8-45.8-45.8c-25.3 0-45.8 20.5-45.8 45.8s20.5 45.8 45.8 45.8z/>/svg> /div> /div> /div> div> p classmb-0 d-flex align-items-center>span>Demo Account/span>/p> div classd-flex pr-0 skills-container> div classmy-1> p classmb-0>Login with your Google Account/p> /div> /div> /div> /div> div classcol-12 col-md-5> p>Developed an app that allows users to post, favorite, and comment on recipes and allows admins to create global notifications, display maps of submitted recipes around the world, and more. /p> p>Tracked and fixed bugs using Jira as a reporting tool. Utilized GitHub to manage pull requests before merging features into the master branch. /p> /div> div classcol-12 col-md-5> p>Collaborated with team members across three different time zones to take tasks from beginning to completion within deadlines. Utilized Zoom video sessions to brainstorm and perform code pairing exercises to enable knowledge transfers. /p> p>Technologies: React, Next.js, Elasticsearch, PostgreSQL, TypeScript, Front-end, UI Development, CSS, CSS3, Agile Software Development, Front-end Development, JSON, Visual Studio Code, Storybook, RESTful APIs, Storybook /p> /div> /div> /div> /div> /section> !-- Jetpay Now --> section classpanel about idportfolio> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>02 span classfont-brandon-light>JetPay Now/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/jetpaynow-bg.png alt> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://payme4cargo.dionyang.com/ target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Demo svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> div classmb-4> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 width512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#81c784 points23.987,17 18.734,8 2.974,8 23.987,44 45,8 29.24,8/>polygon fill#455a64 points29.24,8 23.987,17 18.734,8 11.146,8 23.987,30 36.828,8/>/svg> /div> /div> /div> div> p classmb-0 d-flex align-items-center>span>Demo Account/span>/p> div classd-flex pr-0 skills-container> div classmy-1> p classmb-0>User: a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemail4125242c2e01343224336f222e2c>email protected/a>/p> p>Pass: letmein/p> /div> /div> /div> /div> div classcol-12 col-md-5> p>Worked on an app to digitize the process of cargo payment fulfillment for Jetstream Global Inc., created a responsive web VueJS multi-screen application that allowed vendors to login to their accounts and view and create invoices to send to their clients and collect payments, the app also allowed vendors to sort and filter their transactions./p> p>Their need was to build an MVP in order to show to potential investors in order to gain further funding to build out the full application./p> /div> div classcol-12 col-md-5> p>The MVP was such a success, it paved the way to build out the entire app. The application went through a few redesigns, which didnt take much time to implement because all of the components were built with customizable themeing abilities./p> p>The feature of the app was to allow vendors and clients to login and create and view invoices as well as sort and handling settlements and also handle payments through banks within the country./p> /div> /div> /div> /div> /section> !-- ContractPodAi --> section classpanel about idportfolio> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>03 span classfont-brandon-light>ContractPodAi/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/contract-podai.jpg alt> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://make-contracts-now.dionyang.com/ target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Demo svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> div classmb-4> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 width512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#81c784 points23.987,17 18.734,8 2.974,8 23.987,44 45,8 29.24,8/>polygon fill#455a64 points29.24,8 23.987,17 18.734,8 11.146,8 23.987,30 36.828,8/>/svg> /div> /div> /div> div> p classmb-0 d-flex align-items-center>span>Demo Account/span>/p> div classd-flex pr-0 skills-container> div classmy-1> p classmb-0>User: demo/p> p>Pass: letmein/p> /div> /div> /div> /div> div classcol-12 col-md-5> p>This client had a web facing application that was in need of a high level of expertise in order to deliver on time and with high quality. Their web application is all centered around the management of legal contracts by using artificial intelligence (AI) technologies in order to reduce the need for legal assistants at law firms./p> p>Their need was to build an application to allow their users to /p> /div> div classcol-12 col-md-5> p>create custom field values, create custom contract clauses and conditional fields and then all these fields are automatically updated on legal documents that are saved as word documents./p> p>Their other need was to create a document comparison tool. This tool leveraged IBM watson technology to do the document processing and then the task was to take the large sets of structured data and create an app that allows the user to scroll through parts of the documents that are similar and dissimilar, as well as other attributes from the document and apply custom filters in order to be able to compare legal documents./p> /div> /div> /div> /div> /section> !-- Tripfez --> section classpanel about> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>04 span classfont-brandon-light>Tripfez/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/tripfez_.jpg alt> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://www.tripfez.com/en target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Site svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> img classitem src./images/788px-Sketch_Logo.svg.png alt> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#81c784 points23.987,17 18.734,8 2.974,8 23.987,44 45,8 29.24,8/>polygon fill#455a64 points29.24,8 23.987,17 18.734,8 11.146,8 23.987,30 36.828,8/>/svg> img classitem src./images/icons8-laravel-96.png alt> img classitem src./images/icons8-responsive-100.png alt> /div> /div> /div> div classcol-12 col-md-7> p>This project was an entire redesign from the ground up. The task was to identify and create a set of reusable base components that would become the building blocks for all pages across the entire website. The components that were built also had to be responsive so that it could scale from phone to tablet to desktop seamlessly./p> /div> /div> /div> /div> /section> section classpanel about> div classabout-img pt-4> div classcontainer> div classrow title mb-4> div classcol-12> span>05 span classfont-brandon-light>MyMars/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/mymars.jpg alt> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx288 cy216 r8/>circle cx224 cy216 r8/>circle cx256 cy216 r8/>path dm184 272a8.009 8.009 0 0 1 -8-8v-32a23.9 23.9 0 0 0 -6.131-16 23.9 23.9 0 0 0 6.131-16v-32a8.009 8.009 0 0 1 8-8 8 8 0 0 0 0-16 24.028 24.028 0 0 0 -24 24v32a8.009 8.009 0 0 1 -8 8 8 8 0 0 0 0 16 8.009 8.009 0 0 1 8 8v32a24.028 24.028 0 0 0 24 24 8 8 0 0 0 0-16z/>path dm360 208a8.009 8.009 0 0 1 -8-8v-32a24.028 24.028 0 0 0 -24-24 8 8 0 0 0 0 16 8.009 8.009 0 0 1 8 8v32a23.9 23.9 0 0 0 6.131 16 23.9 23.9 0 0 0 -6.131 16v32a8.009 8.009 0 0 1 -8 8 8 8 0 0 0 0 16 24.028 24.028 0 0 0 24-24v-32a8.009 8.009 0 0 1 8-8 8 8 0 0 0 0-16z/>/g>path dm240 384a8 8 0 0 0 -8 8v48a8 8 0 0 1 -16 0 8 8 0 0 0 -16 0 24 24 0 0 0 48 0v-48a8 8 0 0 0 -8-8z fill#fff/>path dm288 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>/svg> img classitem src./images/icons8-responsive-100.png altresponsive design> /div> /div> /div> div classcol-12 col-md-5> p>This was a site created to be used to give information on a cryptocurrency called MyMars Tokens. The concept introduced a revolutionary concept of earning tokens via reflection and acquiring NFTs for MyMars Land. /p> /div> div classcol-12 col-md-5> p> The responsibilities involved management of the design team and implementing the site design. The homepage has an image of mars surrounded by field of stars each one randomly glowing when the user comes to the site, and below it is an introduction to the Land NFTs feature that was under development./p> /div> /div> /div> /div> /section> !-- Galavantier --> section classpanel about> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>06 span classfont-brandon-light>Galavantier/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/galavantier_.jpg alt> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://www.galavantier.com target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Site svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> img classitem src./images/788px-Sketch_Logo.svg.png alt> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx288 cy216 r8/>circle cx224 cy216 r8/>circle cx256 cy216 r8/>path dm184 272a8.009 8.009 0 0 1 -8-8v-32a23.9 23.9 0 0 0 -6.131-16 23.9 23.9 0 0 0 6.131-16v-32a8.009 8.009 0 0 1 8-8 8 8 0 0 0 0-16 24.028 24.028 0 0 0 -24 24v32a8.009 8.009 0 0 1 -8 8 8 8 0 0 0 0 16 8.009 8.009 0 0 1 8 8v32a24.028 24.028 0 0 0 24 24 8 8 0 0 0 0-16z/>path dm360 208a8.009 8.009 0 0 1 -8-8v-32a24.028 24.028 0 0 0 -24-24 8 8 0 0 0 0 16 8.009 8.009 0 0 1 8 8v32a23.9 23.9 0 0 0 6.131 16 23.9 23.9 0 0 0 -6.131 16v32a8.009 8.009 0 0 1 -8 8 8 8 0 0 0 0 16 24.028 24.028 0 0 0 24-24v-32a8.009 8.009 0 0 1 8-8 8 8 0 0 0 0-16z/>/g>path dm240 384a8 8 0 0 0 -8 8v48a8 8 0 0 1 -16 0 8 8 0 0 0 -16 0 24 24 0 0 0 48 0v-48a8 8 0 0 0 -8-8z fill#fff/>path dm288 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm192 272a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm320 272a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.974 7.974 0 0 1 -5.657 2.343z/>circle cx256 cy280 r8/>path dm256 256a8 8 0 0 1 -8-8v-32a8 8 0 0 1 8-8 24 24 0 1 0 -24-24 8 8 0 0 1 -16 0 40 40 0 1 1 48 39.2v24.8a8 8 0 0 1 -8 8z/>/g>path dm320 384h-16a8 8 0 0 0 -8 8v64a8 8 0 0 0 16 0v-24h8a24 24 0 0 0 0-48zm0 32h-8v-16h8a8 8 0 0 1 0 16z fill#fff/>path dm192 384h-16a8 8 0 0 0 -8 8v64a8 8 0 0 0 16 0v-24h8a24 24 0 0 0 0-48zm0 32h-8v-16h8a8 8 0 0 1 0 16z fill#fff/>path dm272 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>/svg> svg classitem version1.1 idCapa_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 512 512 styleenable-background:new 0 0 512 512; xml:spacepreserve> g> path stylefill:#03A9F4; dM242.723,317.024c-44.064,0-79.776,36.192-79.776,80.8s35.712,80.8,79.776,80.8 s79.776-36.192,79.776-80.8S286.787,317.024,242.723,317.024z/> path stylefill:#03A9F4; dM342.051,301.536c23.616,24.992,38.144,58.88,38.144,96.256c0,47.36-23.296,89.056-58.88,114.208 c65.856-20.544,120.352-70.656,144.704-131.36c33.76-84,2.272-147.168-50.4-204.48c1.664,7.36,2.56,15.168,2.56,23.008 C418.019,247.872,385.955,288.8,342.051,301.536z/> path stylefill:#03A9F4; dM251.811,199.296c0,34.176,27.392,61.792,60.992,61.792s61.152-27.744,61.152-61.792 c0-34.176-27.392-61.792-60.992-61.792S251.811,165.088,251.811,199.296z/> path stylefill:#03A9F4; dM137.539,487.488c-20.128-24.224-32.256-55.488-32.256-89.664 c0-71.296,52.832-129.984,121.088-138.112c-11.648-17.216-18.592-38.048-18.592-60.416c0-58.88,47.072-106.4,105.216-106.4 c4.832,0,9.536,0.32,14.08,0.928C292.707,63.776,258.339,33.28,231.235,0c13.76,145.92-131.232,92.896-184.992,227.488 C10.371,317.632,42.755,429.056,137.539,487.488z/> /g> /svg> img classitem src./images/icons8-responsive-100.png altresponsive design> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#ffc107 points30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75/>path fill#1e88e5 dM31.871,37.75c1.795,3.109,5.847,4.144,8.879,2.379c3.103-1.806,4.174-5.77,2.379-8.879l-13-22 c-1.795-3.109-5.835-4.144-8.879-2.379c-3.106,1.801-4.174,5.77-2.379,8.879L31.871,37.75z/>circle cx11.5 cy34.5 r6.5 fill#43a047/>/svg> /div> /div> /div> div classcol-12 col-md-5> p>This was a client in the nightclub table booking industry. What they needed was a user experience expert to conduct usability tests on their current website. More specifically the experience from when the user comes to the site, checks out a venue they are interested in and starts the booking process./p> /div> div classcol-12 col-md-5> p>We looked at their analytics data and from the analytics we gathered that the majority of their users visit from mobile devices, we also gathered the most visited pages on the site and which pages were the starting pages that users landed on the site from. So from this data is where we decided we needed to focus our efforts on./p> /div> /div> /div> /div> /section> !-- Fire Emblem Heroes --> !-- section classpanel about> div classabout-img py-4 mb-3> div classcontainer> div classrow title mb-4> div classcol-12> span>14 span classfont-brandon-light>Fire Emblem Heroes/span>/span> /div> /div> div classrow> div classcol-12 col-md-6 offset-md-3> img width100% src./images/Heroes.jpg alt> /div> /div> /div> /div> div classabout-info> div classcontainer> div classrow> div classcol-12 col-md-3 skills> span>Skills/span>br> img classmb-4 width55% src./images/skills.jpg alt> /div> div classcol-12 col-md-4> p>This was a site for the popular Nintendo mobile game Fire Emblem Heroes. This site was built off the wikimedia platform. The main content was all in wiki format, all special custom made templates were built out for the publishers to be able to perform data entry without knowing any html or having any coding ability./p> p>The site drove traffic through a few different methods. One of the method was through a youtube channel and the other was through a built-in community on discord. Site retention was achieved through many pages on the site wiki that visitors/p> /div> div classcol-12 col-md-4> p>would constantly come back to for reference. Another method was through the built in cutting edge tools and 2 comprehensive database backed calculators on the site, that were custom built for this specific niche./p> /div> div classcol-12 d-flex justify-content-between align-items-center> small classtext-dark> /small> span classsignature> /span> /div> /div> /div> /div> /section> --> section classpanel gray-panel d-flex justify-content-center align-items-center idcontact> div classtext-center> h4 classfont-brandon-light text-secondary>For inquiries contact:/h4> a href/cdn-cgi/l/email-protection#ec88958d828bac88858382958d828bc28f8381 classfont-brandon-light text-secondary>h4>span class__cf_email__ data-cfemail67031e06090027030e08091e0609004904080a>email protected/span>/h4>/a> /div> /section> /div> div classbtt js-btt>▲/div> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script srcjs/scrolls.min.js>/script> script srcjs/splitting.min.js>/script> script srcjs/gsap.min.js>/script> script srcjs/ScrollTrigger.min.js>/script> script srcjs/main.js>/script> /body>/html>
Port 443
HTTP/1.1 200 OKDate: Thu, 18 Jul 2024 03:10:31 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveLast-Modified: Fri, 24 Nov 2023 22:02:01 GMTAccept-Ranges: bytesCF-Cache-Status: DYNAMICReport-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?sna2CIeW8FXYZLNp%2FCUQkDWkF4jpeL6O34z7yw0unMwrEzsmlrlr2iSOoSRjlpKnMQSAkZV10qXnpsbCvRYErDo%2FvbAaY%2F5WqOonosi9A0J8l9BUIADbeqnLBRZYZgOQ%3D},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflareCF-RAY: 8a4f47765c696826-SEAalt-svc: h3:443; ma86400 html langen> head> meta charsetutf-8> meta nameviewport contentwidthdevice-width, initial-scale1> !-- Bootstrap CSS --> link relstylesheet hrefcss/bootstrap.min.css> link relstylesheet hrefcss/splitting.css> link relstylesheet hrefcss/main.css> title>Advanced Web Solutions - Dion Yang/title> /head> body> div classpreloader>/div> div classbody-container> !-- div classmaster-container d-flex justify-content-center align-items-center position-relative> --> section classintro-panel panel> h1 data-splitting>DION YANG/h1> div classfooter-helper d-flex flex-column justify-content-center align-items-center> p>Scroll Down for More/p> p classchevron> svg aria-hiddentrue data-prefixfar data-iconchevron-down xmlnshttp://www.w3.org/2000/svg viewBox0 0 448 512 classsvg-inline--fa fa-chevron-down fa-w-14 fa-3x>path fillcurrentColor dM441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z/>/svg> /p> /div> /section> section classnavigation-panel panel py-4> div classcontainer h-100> div classrow h-100> div classcol-12 text-left> !-- h1>NAVIGATION/h1> p>Jump to a section/p> --> h1>Contents/h1> /div> div classcol-12 col-md-10 offset-md-1> ul> li classfont-brandon-light> a href#about>strong classabout-me-padding>01/strong> ABOUT ME/a> /li> !-- li>CASE STUDIES/li> --> li classfont-brandon-light> a href#projects>strong>02/strong> PROJECTS/a> /li> li classfont-brandon-light> a href#contact>strong>03/strong> CONTACT/a> /li> !-- li>RESUME/li> --> /ul> /div> /div> /div> /section> section classpanel about idabout> div classabout-img py-4 mb-3> div classcontainer> div classrow title mb-4> div classcol-12> span>01 span classfont-brandon-light>About me/span>/span> /div> /div> !-- div classrow> div classcol-12 col-md-6 offset-md-3> /div> /div> --> /div> /div> div classabout-info> div classcontainer> div classrow> div classcol-12 col-md-3 mb-5> div classskills> span classmb-0>Skills/span> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#81c784 points23.987,17 18.734,8 2.974,8 23.987,44 45,8 29.24,8/>polygon fill#455a64 points29.24,8 23.987,17 18.734,8 11.146,8 23.987,30 36.828,8/>/svg> img classitem src./images/icons8-responsive-100.png alt> /div> /div> /div> div classcontact my-2> span>Contact/span>br> a href#contact>Click here to contact me/a> /div> /div> div classcol-12 col-md-5> p>With a degree in Digital Media Communication from Parsons, 21 years of experience building web experiences, and over 85 projects under my belt, clients have always trusted me to deliver on time and on budget./p> p>My skillset is very comprehensive and has contributed to giving me an insight into the right way of picking the right tools for the project and in culturing and mentoring aspiring talent./p> /div> div classcol-12 col-md-4> p>From collaboration, through teamwork, and in leadership, Ive experienced a wide-range of projects all around the world./p> p>With the always changing state of building web experiences, I have deep knowledge in terms of what to look for when it comes to getting the job done and on time./p> /div> div classcol-12 text-right> span classsignature> /span> /div> /div> /div> /div> /section> !-- Toptaste --> section classpanel about idprojects> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>01 span classfont-brandon-light>Top Taste/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/toptaste.jpg altToptaste Recipe Network> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://cook-4-me-recipes.dionyang.com/ target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Demo svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> a hrefhttps://tt-storybook.dionyang.com/ target_blank classpx-4> button classbtn bg-magenta rounded-pill text-white d-flex align-items-center> Launch Storybook svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> div classmb-4> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 width512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->path dM418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1.9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2.6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9C38.3 196.2 0 225.4 0 255.6c0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zm-30.3-120.3c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zm-24.5 263.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6.4 19.5.6 29.5.6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8.9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zm-149.7-15c25.3 0 45.8-20.5 45.8-45.8s-20.5-45.8-45.8-45.8c-25.3 0-45.8 20.5-45.8 45.8s20.5 45.8 45.8 45.8z/>/svg> /div> /div> /div> div> p classmb-0 d-flex align-items-center>span>Demo Account/span>/p> div classd-flex pr-0 skills-container> div classmy-1> p classmb-0>Login with your Google Account/p> /div> /div> /div> /div> div classcol-12 col-md-5> p>Developed an app that allows users to post, favorite, and comment on recipes and allows admins to create global notifications, display maps of submitted recipes around the world, and more. /p> p>Tracked and fixed bugs using Jira as a reporting tool. Utilized GitHub to manage pull requests before merging features into the master branch. /p> /div> div classcol-12 col-md-5> p>Collaborated with team members across three different time zones to take tasks from beginning to completion within deadlines. Utilized Zoom video sessions to brainstorm and perform code pairing exercises to enable knowledge transfers. /p> p>Technologies: React, Next.js, Elasticsearch, PostgreSQL, TypeScript, Front-end, UI Development, CSS, CSS3, Agile Software Development, Front-end Development, JSON, Visual Studio Code, Storybook, RESTful APIs, Storybook /p> /div> /div> /div> /div> /section> !-- Jetpay Now --> section classpanel about idportfolio> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>02 span classfont-brandon-light>JetPay Now/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/jetpaynow-bg.png alt> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://payme4cargo.dionyang.com/ target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Demo svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> div classmb-4> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 width512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#81c784 points23.987,17 18.734,8 2.974,8 23.987,44 45,8 29.24,8/>polygon fill#455a64 points29.24,8 23.987,17 18.734,8 11.146,8 23.987,30 36.828,8/>/svg> /div> /div> /div> div> p classmb-0 d-flex align-items-center>span>Demo Account/span>/p> div classd-flex pr-0 skills-container> div classmy-1> p classmb-0>User: a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemaila0c4c5cdcfe0d5d3c5d28ec3cfcd>email protected/a>/p> p>Pass: letmein/p> /div> /div> /div> /div> div classcol-12 col-md-5> p>Worked on an app to digitize the process of cargo payment fulfillment for Jetstream Global Inc., created a responsive web VueJS multi-screen application that allowed vendors to login to their accounts and view and create invoices to send to their clients and collect payments, the app also allowed vendors to sort and filter their transactions./p> p>Their need was to build an MVP in order to show to potential investors in order to gain further funding to build out the full application./p> /div> div classcol-12 col-md-5> p>The MVP was such a success, it paved the way to build out the entire app. The application went through a few redesigns, which didnt take much time to implement because all of the components were built with customizable themeing abilities./p> p>The feature of the app was to allow vendors and clients to login and create and view invoices as well as sort and handling settlements and also handle payments through banks within the country./p> /div> /div> /div> /div> /section> !-- ContractPodAi --> section classpanel about idportfolio> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>03 span classfont-brandon-light>ContractPodAi/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/contract-podai.jpg alt> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://make-contracts-now.dionyang.com/ target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Demo svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> div classmb-4> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 width512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#81c784 points23.987,17 18.734,8 2.974,8 23.987,44 45,8 29.24,8/>polygon fill#455a64 points29.24,8 23.987,17 18.734,8 11.146,8 23.987,30 36.828,8/>/svg> /div> /div> /div> div> p classmb-0 d-flex align-items-center>span>Demo Account/span>/p> div classd-flex pr-0 skills-container> div classmy-1> p classmb-0>User: demo/p> p>Pass: letmein/p> /div> /div> /div> /div> div classcol-12 col-md-5> p>This client had a web facing application that was in need of a high level of expertise in order to deliver on time and with high quality. Their web application is all centered around the management of legal contracts by using artificial intelligence (AI) technologies in order to reduce the need for legal assistants at law firms./p> p>Their need was to build an application to allow their users to /p> /div> div classcol-12 col-md-5> p>create custom field values, create custom contract clauses and conditional fields and then all these fields are automatically updated on legal documents that are saved as word documents./p> p>Their other need was to create a document comparison tool. This tool leveraged IBM watson technology to do the document processing and then the task was to take the large sets of structured data and create an app that allows the user to scroll through parts of the documents that are similar and dissimilar, as well as other attributes from the document and apply custom filters in order to be able to compare legal documents./p> /div> /div> /div> /div> /section> !-- Tripfez --> section classpanel about> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>04 span classfont-brandon-light>Tripfez/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/tripfez_.jpg alt> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://www.tripfez.com/en target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Site svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> img classitem src./images/788px-Sketch_Logo.svg.png alt> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#81c784 points23.987,17 18.734,8 2.974,8 23.987,44 45,8 29.24,8/>polygon fill#455a64 points29.24,8 23.987,17 18.734,8 11.146,8 23.987,30 36.828,8/>/svg> img classitem src./images/icons8-laravel-96.png alt> img classitem src./images/icons8-responsive-100.png alt> /div> /div> /div> div classcol-12 col-md-7> p>This project was an entire redesign from the ground up. The task was to identify and create a set of reusable base components that would become the building blocks for all pages across the entire website. The components that were built also had to be responsive so that it could scale from phone to tablet to desktop seamlessly./p> /div> /div> /div> /div> /section> section classpanel about> div classabout-img pt-4> div classcontainer> div classrow title mb-4> div classcol-12> span>05 span classfont-brandon-light>MyMars/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/mymars.jpg alt> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx288 cy216 r8/>circle cx224 cy216 r8/>circle cx256 cy216 r8/>path dm184 272a8.009 8.009 0 0 1 -8-8v-32a23.9 23.9 0 0 0 -6.131-16 23.9 23.9 0 0 0 6.131-16v-32a8.009 8.009 0 0 1 8-8 8 8 0 0 0 0-16 24.028 24.028 0 0 0 -24 24v32a8.009 8.009 0 0 1 -8 8 8 8 0 0 0 0 16 8.009 8.009 0 0 1 8 8v32a24.028 24.028 0 0 0 24 24 8 8 0 0 0 0-16z/>path dm360 208a8.009 8.009 0 0 1 -8-8v-32a24.028 24.028 0 0 0 -24-24 8 8 0 0 0 0 16 8.009 8.009 0 0 1 8 8v32a23.9 23.9 0 0 0 6.131 16 23.9 23.9 0 0 0 -6.131 16v32a8.009 8.009 0 0 1 -8 8 8 8 0 0 0 0 16 24.028 24.028 0 0 0 24-24v-32a8.009 8.009 0 0 1 8-8 8 8 0 0 0 0-16z/>/g>path dm240 384a8 8 0 0 0 -8 8v48a8 8 0 0 1 -16 0 8 8 0 0 0 -16 0 24 24 0 0 0 48 0v-48a8 8 0 0 0 -8-8z fill#fff/>path dm288 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>/svg> img classitem src./images/icons8-responsive-100.png altresponsive design> /div> /div> /div> div classcol-12 col-md-5> p>This was a site created to be used to give information on a cryptocurrency called MyMars Tokens. The concept introduced a revolutionary concept of earning tokens via reflection and acquiring NFTs for MyMars Land. /p> /div> div classcol-12 col-md-5> p> The responsibilities involved management of the design team and implementing the site design. The homepage has an image of mars surrounded by field of stars each one randomly glowing when the user comes to the site, and below it is an introduction to the Land NFTs feature that was under development./p> /div> /div> /div> /div> /section> !-- Galavantier --> section classpanel about> div classabout-img py-5> div classcontainer> div classrow title mb-4> div classcol-12> span>06 span classfont-brandon-light>Galavantier/span>/span> /div> /div> div classrow> div classcol-12> img width100% src./images/galavantier_.jpg alt> /div> div classcol-12 text-center d-flex justify-content-center> a hrefhttps://www.galavantier.com target_blank classpx-4> button classbtn bg-dark rounded-pill text-white d-flex align-items-center> Launch Site svg classpill-arrow ml-2 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink width25 height15 viewBox0 0 722 500> defs> clipPath idclip-Arrow> rect width722 height500/> /clipPath> /defs> g idArrow clip-pathurl(#clip-Arrow)> path fill#ffffff idic_call_made_24px dM175.259,5V73.5H400.978L4,470.482l48.3,48.3L449.273,121.8V347.518h68.5V5Z transformtranslate(345.609 -119.659) rotate(45)/> /g> /svg> /button> /a> /div> /div> /div> /div> div classabout-info mt-3 my-5> div classcontainer> div classrow> div classcol-12 col-md-2 d-flex flex-column skills p-md-0> p classmb-0 d-flex align-items-center>span>Skills/span>/p> div classd-flex pr-0 skills-container> div classmy-1> img classitem src./images/788px-Sketch_Logo.svg.png alt> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm200 264a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm312 264a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.976 7.976 0 0 1 -5.657 2.343z/>path dm232 288a8.006 8.006 0 0 1 -7.59-10.532l48-144a8 8 0 1 1 15.178 5.06l-48 144a8 8 0 0 1 -7.588 5.472z/>/g>path dm168 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>path dm232 384h-32a8 8 0 0 0 0 16h8v56a8 8 0 0 0 16 0v-56h8a8 8 0 0 0 0-16z fill#fff/>path dm313.838 384.214a8 8 0 0 0 -8.993 4.208l-16.845 33.689-16.845-33.689a8 8 0 0 0 -15.155 3.578v64a8 8 0 0 0 16 0v-30.111l8.845 17.689a8 8 0 0 0 14.31 0l8.845-17.689v30.111a8 8 0 0 0 16 0v-64a8 8 0 0 0 -6.162-7.786z fill#fff/>path dm376 448h-24v-56a8 8 0 0 0 -16 0v64a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx256 cy200 r8/>circle cx256 cy232 r8/>path dm152 224a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm184 288a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>path dm328 288a8 8 0 0 1 0-16 8.009 8.009 0 0 0 8-8v-32a24.028 24.028 0 0 1 24-24 8 8 0 0 1 0 16 8.009 8.009 0 0 0 -8 8v32a24.028 24.028 0 0 1 -24 24z/>path dm360 224a24.028 24.028 0 0 1 -24-24v-32a8.009 8.009 0 0 0 -8-8 8 8 0 0 1 0-16 24.028 24.028 0 0 1 24 24v32a8.009 8.009 0 0 0 8 8 8 8 0 0 1 0 16z/>/g>path dm256 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm320 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>path dm200 400a10.708 10.708 0 0 1 4.59 1.058 8 8 0 0 0 6.82-14.474 26.581 26.581 0 0 0 -11.41-2.584c-17.645 0-32 17.944-32 40s14.355 40 32 40a26.581 26.581 0 0 0 11.41-2.584 8 8 0 1 0 -6.82-14.474 10.708 10.708 0 0 1 -4.59 1.058c-8.673 0-16-10.991-16-24s7.327-24 16-24z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>circle cx288 cy216 r8/>circle cx224 cy216 r8/>circle cx256 cy216 r8/>path dm184 272a8.009 8.009 0 0 1 -8-8v-32a23.9 23.9 0 0 0 -6.131-16 23.9 23.9 0 0 0 6.131-16v-32a8.009 8.009 0 0 1 8-8 8 8 0 0 0 0-16 24.028 24.028 0 0 0 -24 24v32a8.009 8.009 0 0 1 -8 8 8 8 0 0 0 0 16 8.009 8.009 0 0 1 8 8v32a24.028 24.028 0 0 0 24 24 8 8 0 0 0 0-16z/>path dm360 208a8.009 8.009 0 0 1 -8-8v-32a24.028 24.028 0 0 0 -24-24 8 8 0 0 0 0 16 8.009 8.009 0 0 1 8 8v32a23.9 23.9 0 0 0 6.131 16 23.9 23.9 0 0 0 -6.131 16v32a8.009 8.009 0 0 1 -8 8 8 8 0 0 0 0 16 24.028 24.028 0 0 0 24-24v-32a8.009 8.009 0 0 1 8-8 8 8 0 0 0 0-16z/>/g>path dm240 384a8 8 0 0 0 -8 8v48a8 8 0 0 1 -16 0 8 8 0 0 0 -16 0 24 24 0 0 0 48 0v-48a8 8 0 0 0 -8-8z fill#fff/>path dm288 400h16a8 8 0 0 0 0-16h-16a24 24 0 0 0 0 48 8 8 0 0 1 0 16h-16a8 8 0 0 0 0 16h16a24 24 0 0 0 0-48 8 8 0 0 1 0-16z fill#fff/>/svg> svg classitem idFlat viewBox0 0 512 512 xmlnshttp://www.w3.org/2000/svg>path dm392 488h-272a48 48 0 0 1 -48-48v-368a48 48 0 0 1 48-48h224l96 96v320a48 48 0 0 1 -48 48z fill#cfd2fc/>path dm72 360h368a0 0 0 0 1 0 0v80a48 48 0 0 1 -48 48h-272a48 48 0 0 1 -48-48v-80a0 0 0 0 1 0 0z fill#5153ff/>g fill#8690fa>path dm440 120h-48a48 48 0 0 1 -48-48v-48z/>path dm192 272a7.976 7.976 0 0 1 -5.657-2.343l-48-48a8 8 0 0 1 0-11.314l48-48a8 8 0 0 1 11.314 11.314l-42.344 42.343 42.344 42.343a8 8 0 0 1 -5.657 13.657z/>path dm320 272a8 8 0 0 1 -5.657-13.657l42.344-42.343-42.344-42.343a8 8 0 0 1 11.314-11.314l48 48a8 8 0 0 1 0 11.314l-48 48a7.974 7.974 0 0 1 -5.657 2.343z/>circle cx256 cy280 r8/>path dm256 256a8 8 0 0 1 -8-8v-32a8 8 0 0 1 8-8 24 24 0 1 0 -24-24 8 8 0 0 1 -16 0 40 40 0 1 1 48 39.2v24.8a8 8 0 0 1 -8 8z/>/g>path dm320 384h-16a8 8 0 0 0 -8 8v64a8 8 0 0 0 16 0v-24h8a24 24 0 0 0 0-48zm0 32h-8v-16h8a8 8 0 0 1 0 16z fill#fff/>path dm192 384h-16a8 8 0 0 0 -8 8v64a8 8 0 0 0 16 0v-24h8a24 24 0 0 0 0-48zm0 32h-8v-16h8a8 8 0 0 1 0 16z fill#fff/>path dm272 384a8 8 0 0 0 -8 8v24h-16v-24a8 8 0 0 0 -16 0v64a8 8 0 0 0 16 0v-24h16v24a8 8 0 0 0 16 0v-64a8 8 0 0 0 -8-8z fill#fff/>/svg> svg classitem version1.1 idCapa_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 512 512 styleenable-background:new 0 0 512 512; xml:spacepreserve> g> path stylefill:#03A9F4; dM242.723,317.024c-44.064,0-79.776,36.192-79.776,80.8s35.712,80.8,79.776,80.8 s79.776-36.192,79.776-80.8S286.787,317.024,242.723,317.024z/> path stylefill:#03A9F4; dM342.051,301.536c23.616,24.992,38.144,58.88,38.144,96.256c0,47.36-23.296,89.056-58.88,114.208 c65.856-20.544,120.352-70.656,144.704-131.36c33.76-84,2.272-147.168-50.4-204.48c1.664,7.36,2.56,15.168,2.56,23.008 C418.019,247.872,385.955,288.8,342.051,301.536z/> path stylefill:#03A9F4; dM251.811,199.296c0,34.176,27.392,61.792,60.992,61.792s61.152-27.744,61.152-61.792 c0-34.176-27.392-61.792-60.992-61.792S251.811,165.088,251.811,199.296z/> path stylefill:#03A9F4; dM137.539,487.488c-20.128-24.224-32.256-55.488-32.256-89.664 c0-71.296,52.832-129.984,121.088-138.112c-11.648-17.216-18.592-38.048-18.592-60.416c0-58.88,47.072-106.4,105.216-106.4 c4.832,0,9.536,0.32,14.08,0.928C292.707,63.776,258.339,33.28,231.235,0c13.76,145.92-131.232,92.896-184.992,227.488 C10.371,317.632,42.755,429.056,137.539,487.488z/> /g> /svg> img classitem src./images/icons8-responsive-100.png altresponsive design> svg classitem xmlnshttp://www.w3.org/2000/svg viewBox0 0 48 48>polygon fill#ffc107 points30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75/>path fill#1e88e5 dM31.871,37.75c1.795,3.109,5.847,4.144,8.879,2.379c3.103-1.806,4.174-5.77,2.379-8.879l-13-22 c-1.795-3.109-5.835-4.144-8.879-2.379c-3.106,1.801-4.174,5.77-2.379,8.879L31.871,37.75z/>circle cx11.5 cy34.5 r6.5 fill#43a047/>/svg> /div> /div> /div> div classcol-12 col-md-5> p>This was a client in the nightclub table booking industry. What they needed was a user experience expert to conduct usability tests on their current website. More specifically the experience from when the user comes to the site, checks out a venue they are interested in and starts the booking process./p> /div> div classcol-12 col-md-5> p>We looked at their analytics data and from the analytics we gathered that the majority of their users visit from mobile devices, we also gathered the most visited pages on the site and which pages were the starting pages that users landed on the site from. So from this data is where we decided we needed to focus our efforts on./p> /div> /div> /div> /div> /section> !-- Fire Emblem Heroes --> !-- section classpanel about> div classabout-img py-4 mb-3> div classcontainer> div classrow title mb-4> div classcol-12> span>14 span classfont-brandon-light>Fire Emblem Heroes/span>/span> /div> /div> div classrow> div classcol-12 col-md-6 offset-md-3> img width100% src./images/Heroes.jpg alt> /div> /div> /div> /div> div classabout-info> div classcontainer> div classrow> div classcol-12 col-md-3 skills> span>Skills/span>br> img classmb-4 width55% src./images/skills.jpg alt> /div> div classcol-12 col-md-4> p>This was a site for the popular Nintendo mobile game Fire Emblem Heroes. This site was built off the wikimedia platform. The main content was all in wiki format, all special custom made templates were built out for the publishers to be able to perform data entry without knowing any html or having any coding ability./p> p>The site drove traffic through a few different methods. One of the method was through a youtube channel and the other was through a built-in community on discord. Site retention was achieved through many pages on the site wiki that visitors/p> /div> div classcol-12 col-md-4> p>would constantly come back to for reference. Another method was through the built in cutting edge tools and 2 comprehensive database backed calculators on the site, that were custom built for this specific niche./p> /div> div classcol-12 d-flex justify-content-between align-items-center> small classtext-dark> /small> span classsignature> /span> /div> /div> /div> /div> /section> --> section classpanel gray-panel d-flex justify-content-center align-items-center idcontact> div classtext-center> h4 classfont-brandon-light text-secondary>For inquiries contact:/h4> a href/cdn-cgi/l/email-protection#45213c242b2205212c2a2b3c242b226b262a28 classfont-brandon-light text-secondary>h4>span class__cf_email__ data-cfemail53372a323d3413373a3c3d2a323d347d303c3e>email protected/span>/h4>/a> /div> /section> /div> div classbtt js-btt>▲/div> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script srcjs/scrolls.min.js>/script> script srcjs/splitting.min.js>/script> script srcjs/gsap.min.js>/script> script srcjs/ScrollTrigger.min.js>/script> script srcjs/main.js>/script> /body>/html>
Subdomains
Date
Domain
IP
cpcalendars.dionyang.com
2024-07-18
104.21.61.234
cpcontacts.dionyang.com
2020-08-06
104.28.4.246
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]