1<!DOCTYPE html><html lang="en" class="scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1
1d42j26j_y-zz.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="stylesheet" href="/_next/static/chunks/0hzts_6xhu_oj.
1css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/3qm714za83nz8.js"/>
1<script src="/_next/static/chunks/0f87bwk0gazn2.js" async=""></script>
1<script src="/_next/static/chunks/2fj3pogg1l47x.js" async=""></script>
1<script src="/_next/static/chunks/3hkyltp-kqbzx.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-22shfu2msgfdg.js" async=""></script>
1<script src="/_next/static/chunks/27k-8pem0igqd.js" async=""></script>
1<script src="/_next/static/chunks/3a5bdhwy0e1k2.js" async=""></script>
1<script src="/_next/static/chunks/1zq_ld0h_my8r.js" async=""></script>
1<script src="/_next/static/chunks/3iwj9bx_951ue.js" async=""></script>
1<script src="/_next/static/chunks/25_10d1c0b9wv.js" async=""></script>
1<link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=3840&q=75 3840w" imageSizes="100vw"/><meta name="next-size-adjust" content=""/><title>Brian Riant | An Experienced Software Developer</title><meta name="description" content="Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information."/><meta name="author" content="Brian Riant"/><meta name="keywords" content="Brian Riant,brianriant,brian,riant,Software Developer,web developer,portfolio,self-taught developer,JavaScript,React,N
1ode.js,web development,web design,front-end developer,back-end developer,mobile app developer,Flutter,React Native,Next.js developer,AI integration,TypeScript expert,React developer Kenya,full-stack development Kiambu,web performance optimization,responsive web design,API development,database architecture,UI/UX design"/><meta name="robots" content="index, follow"/><meta name="google-site-verification" content="google-site-verification=your-google-verification-code"/><meta name="yandex-verification" content="your-yandex-verification-code"/><meta name="bing" content="your-bing-verification-code"/><meta property="og:title" content="Brian Riant | An Experienced Software Developer"/><meta property="og:description" content="Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information."/><meta property="og:url" content="https://brianriant.vercel.app"/><meta property="og:site_name" content="Brian Riant Portfolio"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://brianriant.vercel.app/_next/static/media/profile-og.0mt8r7zzdve51.png"/><meta property="og:image:width" content="2400"/><meta property="og:image:height" content="1260"/><meta property="og:image:alt" content="Brian Riant Profile Image"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@brianriant"/><meta name="twitter:creator" content="@brianriant"/><meta name="twitter:title" content="Brian Riant | An Experienced Software Developer"/><meta name="twitter:description" content="Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information."/><meta name="twitter:image" content="https://brianriant.vercel.app/_next/static/media/profile-og.0mt8r7zzdve51.png"/><meta name="twitter:image:alt" content="Brian Riant Profile Image"/><meta name="twitter:image:width" content="2400"/><meta name="twitter:image:height" content="1260"/><link rel="icon" href="/favicon.ico?favicon.0nck31xhwhd_9.ico" sizes="48x48" type="image/x-icon"/>
1<script defer="" src="https://cloud.umami.is/script.js" data-website-id="467662c8-caee-4bca-8a44-d0026a97c931"></script>
1<script> 2 (function() { 3 function getCookie(name) { 4 const value = document.cookie.match('(^|;)\s*' + name + '\s*=\s*([^;]+)'); 5 return value ? value.pop() : null; 6 } 7 const theme = getCookie('theme') || 'light'; 8 if (theme === 'dark') { 9 document.documentElement.classList.add('dark'); 10 document.body.classList.add('dark'); 11 } 12 })(); 13 </script>
13<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
13</head><body class="inter_e2473468-module__7NREva__className antialiased leading-8 overflow-x-hidden dark:bg-darkTheme dark:text-white"><div hidden=""><!--$--><!--/$--></div><nav class="fixed w-full px-4 md:px-5 lg:px-8 py-4 flex justify-between items-center z-50 font-bold text-xs lg:text-sm bg-transparent shadow-black/20 dark:bg-darkHover/20 dark:shadow-white/10 14 "><a href="/#top"><img alt="Logo" loading="lazy" width="336" height="81" decoding="async" data-nimg="1" class="w-28 cursor-pointer lg:w-32 xl:w-36 2xl:w-40" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=750&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=750&q=75"/></a><ul class="hidden md:flex items-center gap-6 lg:gap-8 15 rounded-full px-12 py-3 shadow-lg bg-opacity-50 dark:border dark:border-white/50 "><li><a href="/#" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Home</a></li><li><a href="/#about" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">About</a></li><li><a href="/#services" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Services</a></li><li><a href="/#projects" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Work</a></li><li><a href="/blog" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Blog</a></li><li><a href="/#contact" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Contact</a></li></ul><div class="flex items-center gap-4"><button aria-label="Toggle Dark Mode" class="w-6 h-6" disabled=""><div class="w-6 h-6"></div></button><a class="hidden lg:flex items-center gap-3 px-10 py-2.5 border-2 border-gray-500 rounded-full ml-4 font-inter dark:border-white/50 hover:underline text-green-500 shadow-green-400 shadow-sm" href="/#contact">Contact<img alt="Contact Icon" loading="lazy" width="39" height="39" decoding="async" data-nimg="1" class="w-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=96&q=75"/></a><button class="block md:hidden ml-3" aria-label="Open Menu"><img alt="Menu Icon" loading="lazy" width="72" height="58" decoding="async" data-nimg="1" class="w-6" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmenu-black.03__dawdjump9.png&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmenu-black.03__dawdjump9.png&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmenu-black.03__dawdjump9.png&w=256&q=75"/></button></div><ul class="fixed md:hidden flex flex-col gap-4 px-10 py-20 -right-64 top-0 bottom-0 w-64 h-screen bg-green-50 transition-transform duration-500 z-50 dark:bg-darkHover dark:text-white"><button class="absolute right-6 top-6" aria-label="Close Menu"><img alt="Close Icon" loading="lazy" width="29" height="29" decoding="async" data-nimg="1" class="w-5" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclose-black.3vg1c3t5xg39t.png&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclose-black.3vg1c3t5xg39t.png&w=64&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclose-black.3vg1c3t5xg39t.png&w=64&q=75"/></button><li><a href="/#" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Home</a></li><li><a href="/#about" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">About</a></li><li><a href="/#services" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Services</a></li><li><a href="/#projects" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Work</a></li><li><a href="/blog" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Blog</a></li><li><a href="/#contact" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Contact</a></li></ul></nav><div class="fixed top-0 w-11/12 pointer-events-none -z-10 dark:hidden">
15<img alt="Background" loading="lazy" width="1920" height="1080" decoding="async" data-nimg="1" class="object-cover" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&w=3840&q=75"/></div><section class="font-semibold max-w-3xl w-11/12 mx-auto text-left flex flex-col items-start gap-6 pt-24 lg:max-w-6xl" style="opacity:0"><div style="opacity:0;transform:scale(0.8)"><img alt="Brian Riant profile" width="512" height="517" decoding="async" data-nimg="1" class="rounded-full w-32 shadow-md shadow-green-400/60 hover:shadow-green-400/80 transition-shadow duration-300" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAA00lEQVR42gHIADf/AGxCLng+H4JoVn1oWW9aTGVRQ29aSltLQADEuq6jgGiOg3h0amCMemuVfmt9Z1dtWUoAr5qHp4t2eHNsOi8qSDctjHNgeGNTU0E1ALWtnoRfSIJ1alg/M0AoHks4LVFBNUo9MwC5tKWFYEmCcmVeRDc1HxZBHA1LJBM9IhYAwbqthWBJbmZfRTgyLxwUg0EgsEsXqV0xALernoxvXLCxrJKPi3FgVJ6LfLJ/W8WOZwBvZl+hm5S4urbByci2vbqtqaN8XUleQjKsn1AZy8F87gAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&w=3840&q=75"/></div><h3 class="flex items-end gap-2 text-xl text-gray-700 dark:text-white/80" style="opacity:0;transform:translateY(20px)">Hi, I'm<!-- --> <span class="underline decoration-wavy decoration-green-400 decoration-2">Brian Riant</span> <span class="inline-block origin-bottom"><img alt="Greeting hand icon" width="56" height="57" decoding="async" data-nimg="1" class="w-6" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&w=3840&q=75"/></span></h3><h1 class="text-3xl md:text-4xl" style="opacity:0;transform:translateY(20px)">Experienced AI-driven<!-- -->
15 <span class="underline decoration-wavy decoration-green-400 decoration-2">Software Developer</span> <!-- -->based in Kiambu, kenya.</h1><p class="font-inter text-gray-600 leading-relaxed dark:text-white/80" style="opacity:0;transform:translateY(20px)">With a passion for creating beautiful and functional websites and applications. ð» I have experience in building web and mobile applications using modern technologies like React, Next.js, Express.js, Flutter and React Native. ⨠I am always eager to learn new things and improve my skills and undestanding across both traditional development and artificial intelligence domains. ð</p><div class="flex flex-row items-center gap-4 mt-2 text-xs md:text-sm" style="opacity:0;transform:translateY(20px)"><a href="#contact" class="px-10 py-3 border border-white bg-black text-green-500 flex items-center rounded-full gap-2 hover:bg-gray-900 transition-all duration-300 dark:bg-transparent dark:border-white/50" tabindex="0">Contact Me<img alt="Right arrow for Contact Me" width="33" height="22" decoding="async" data-nimg="1" class="w-4" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&w=3840&q=75"/></a><a href="/resume" target="_blank" rel="noopener noreferrer" class="px-10 py-3 border border-gray-500 flex items-center rounded-full gap-2 hover:border-gray-700 transition-all duration-300 dark:bg-green-100 text-green-500" tabindex="0">View Cv<img alt="Download icon" width="44" height="44" decoding="async" data-nimg="1" class="w-4" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&w=3840&q=75"/></a></div><div class="flex items-center gap-6 mt-2" style="opacity:0;transform:translateY(20px)"><a href="https://www.linkedin.com/in/brianriant" target="_blank" rel="noopener noreferrer" class="transition-transform" tabindex="0"><img alt="LinkedIn profile" loading="lazy" width="512" height="512" decoding="async" data-nimg="1" class="w-8 dark:hover:filter dark:invert transition-all duration-300" style="color:transparent" src="/_next/static/media/logo-linkedin.2z2i-zprhgrip.svg"/></a><a href="https://github.com/brianriant" target="_blank" rel="noopener noreferrer" class="transition-transform" tabindex="0"><img alt="GitHub profile" loading="lazy" width="512" height="512" decoding="async" data-nimg="1" class="w-8 dark:hover:filter dark:invert transition-all duration-300" style="color:transparent" src="/_next/static/media/logo-github.2odj77wd2_73r.svg"/>
15</a></div></section><section id="about" class="max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left mt-20 scroll-m-28" style="opacity:0;transform:translateY(20px)"><h4 class="mb-2 text-lg font-inter text-gray-700 dark:text-white/80 underline decoration-wavy decoration-green-400 decoration-2" style="opacity:0;transform:translateY(20px)">Introduction</h4><h2 class="text-5xl font-inter text-gray-900 dark:text-white/90" style="opacity:0;transform:translateY(20px)">About Me</h2><div class="flex w-full flex-col lg:flex-row items-center gap-20 my-20" style="opacity:0;transform:translateY(20px)"><div class="w-full lg:w-72 max-w-none" style="opacity:0;transform:translateY(20px)"><img alt="user image" width="512" height="750" decoding="async" data-nimg="1" class="w-full rounded-3xl shadow-lg shadow-green-400" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 320'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/wAARCAAIAAUDAREAAhEBAxEB/9sAQwAKBwcIBwYKCAgICwoKCw4YEA4NDQ4dFRYRGCMfJSQiHyIhJis3LyYpNCkhIjBBMTQ5Oz4+PiUuRElDPEg3PT47/9sAQwEKCwsODQ4cEBAcOygiKDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDEfQ72a1gkk1aKFCDsjKg7fUH0Pb8K53Tiuh0qrJ6XP//Z'/%3E%3C/svg%3E")" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&w=3840&q=75"/></div><div class="flex-1" style="opacity:0;transform:translateY(20px)"><p class="mb-10 max-w-2xl font-inter text-gray-600 leading-relaxed dark:text-white/80">I am a passionate<!-- --> <span class="underline decoration-wavy decoration-2 decoration-green-400">AI driven Software Developer</span> <!-- -->specializing in modern web technologies and scalable applications ð. With expertise in both<!-- --> <span class="underline decoration-wavy decoration-2 decoration-green-400">frontend (React.js, Next.js, TypeScript)</span> <!-- -->and<!-- -->
15 <span class="underline decoration-wavy decoration-2 decoration-green-400">backend (Node.js, Express.js)</span> <!-- -->development, I create seamless, responsive web experiences. ð» My work includes building e-commerce platforms, educational applications, and dynamic portfolio websites using the latest industry practices. ð ï¸ I excel in database design, API development, and implementing robust authentication systems. Always exploring new technologies and frameworks, I'm committed to writing clean, maintainable code and delivering high-performance applications. â¨</p><ul class="grid grid-cols-1 sm:grid-cols-3 gap-6 max-w-2xl mt-6 lg:text-sm text-xs" style="opacity:0;transform:translateY(20px)"><li class="border-[0.5px] shadow-md shadow-green-400 border-gray-400 rounded-xl p-6 cursor-pointer hover:bg-lightHover hover:shadow-black dark:border-white dark:hover:shadow-white dark:hover:bg-darkHover/50" style="opacity:0;transform:translateY(20px)"><img alt="Languages" width="48" height="46" decoding="async" data-nimg="1" class="w-7 mt-3" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1
15d42j26j_y-zz.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&w=3840&q=75"/><h3 class="my-4 font-semibold text-gray-700 dark:text-white">Languages</h3><p class="text-gray-600 text-sm dark:text-white/80">JavaScript with Typescript</p></li><li class="border-[0.5px] shadow-md shadow-green-400 border-gray-400 rounded-xl p-6 cursor-pointer hover:bg-lightHover hover:shadow-black dark:border-white dark:hover:shadow-white dark:hover:bg-darkHover/50" style="opacity:0;transform:translateY(20px)"><img alt="Education" width="58" height="50" decoding="async" data-nimg="1" class="w-7 mt-3" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&w=3840&q=75"/><h3 class="my-4 font-semibold text-gray-700 dark:text-white">Education</h3><p class="text-gray-600 text-sm dark:text-white/80">B.Sc. Industrial Mathematics - current</p></li><li class="border-[0.5px] shadow-md shadow-green-400 border-gray-400 rounded-xl p-6 cursor-pointer hover:bg-lightHover hover:shadow-black dark:border-white dark:hover:shadow-white dark:hover:bg-darkHover/50" style="opacity:0;transform:translateY(20px)"><img alt="Projects" width="52" height="48" decoding="async" data-nimg="1" class="w-7 mt-3" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&w=3840&q=75"/><h3 class="my-4 font-semibold text-gray-700 dark:text-white">Projects</h3><p class="text-gray-600 text-sm dark:text-white/80">Built more than 6 projects</p></li></ul></div></div><h4 class="my-4 text-gray-700 font-inter dark:text-white/80" style="opacity:0;transform:translateY(20px)">Tools I Use</h4><ul class="flex items-center flex-wrap gap-4" style="opacity:0;transform:translateY(20px)"><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="67" height="67" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="72" height="70" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="70" height="70" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="92" height="92" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&w=3840&q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="80" height="80" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&w=3840&q=75"/></li></ul><h4 class="my-4 text-gray-700 font-inter dark:text-white/80" style="opacity:0;transform:translateY(20px)">My Faith I'm Brian Riant in Christ<!-- --> </h4><div class="my-8 p-4 rounded-2xl bg-gradient-to-r from-green-100 to-gray-50 dark:from-gray-900 dark:bg-darkHover shadow-lg" style="opacity:0;transform:translateY(20px)"><blockquote class="relative border-b-2 border-green-400 pb-4" style="opacity:0;transform:translateY(20px)"><span class="absolute top-0 left-0 text-6xl t
15ext-green-400 opacity-20">"</span><p class="pt-8 px-4 text-xs md:text-sm lg:text-lg text-gray-700 dark:text-white/90 font-inter italic">Jesus saith unto him, I am the way, the truth, and the life: no man cometh unto the Father, but by me.</p><footer class="mt-4 text-right text-gray-600 dark:text-white/70"><cite class="block font-semibold">John 14:6 KJV</cite></footer></blockquote><blockquote class="relative" style="opacity:0;transform:translateY(20px)"><span class="absolute top-0 left-0 text-6xl text-green-400 opacity-20">"</span><p class="pt-8 px-4 text-xs md:text-sm lg:text-lg text-gray-700 dark:text-white/90 font-inter italic">For I am not ashamed of the gospel of Christ: for it is the power of God unto salvation to every one that believeth.</p><footer class="mt-4 text-right text-gray-600 dark:text-white/70"><cite class="block font-semibold">Romans 1:16 KJV</cite></footer></blockquote></div></section><section id="services" class="max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left mt-20 scroll-m-28" style="opacity:0;transform:translateY(20px)"><h4 class="mb-2 text-lg font-inter text-gray-700 dark:text-white/80 underline decoration-wavy decoration-green-400 decoration-2" style="opacity:0;transform:translateY(20px)">What I Offer</h4><h2 class="text-5xl mb-2 font-inter text-gray-900 dark:text-white/90" style="opacity:0;transform:translateY(20px)">My Services</h2><p class="mb-10 max-w-2xl font-inter text-gray-600 leading-relaxed dark:text-white/80" style="opacity:0;transform:translateY(20px)">I offer a variety of services to help you build a strong online presence and grow your business. Here are some of the services I provide:</p><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-10" style="opacity:0;transform:translateY(20px)"><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white " style="opacity:0;transform:translateY(20px)"><div class=""><img alt="Web Design & Development" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&w=96&q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">Web Design & Development</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Crafting responsive, user-friendly websites tailored to your business needs. From front-end design to back-end functionality, I deliver seamless web experiences.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Book a Call<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75"/></a></div><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white " style="opacity:0;transform:translateY(20px)"><div class=""><img alt="Mobile App Development" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile-icon.0cfgwfozjo49j.png&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile-icon.0cfgwfozjo49j.png&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile-icon.0cfgwfozjo49j.png&w=96&q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">Mobile App Development</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Building cross-platform mobile applications that are fast, intuitive, and scalable. Whether itâs iOS or Android, I create apps that users love.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Book a Call<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75"/></a></div><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white " style="opacity:0;transform:translateY(20px)"><div class=""><img alt="UI/UX Design" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fui-icon.2ft_b10n770m1.png&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fui-icon.2ft_b10n770m1.png&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fui-icon.2ft_b10n770m1.png&w=96&q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">UI/UX Design</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Designing visually appealing and user-centric interfaces that enhance engagement and drive conversions. Letâs create experiences that leave a lasting impression.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Schedule a Call<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75"/></a></div><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white " style="opacity:0;transform:translateY(20px)"><div class=""><img alt="Graphics Design" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphics-icon.3jmk-gqi7n2n3.png&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphics-icon.3jmk-gqi7n2n3.png&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphics-icon.3jmk-gqi7n2n3.png&w=96&q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">Graphics Design</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Creating stunning visuals that communicate your brandâs story. From logos to marketing materials, I bring your ideas to life with creativity and precision.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Request a Design<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75"/></a></div><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white lg:col-span-2 md:col-span-2" style="opacity:0;transform:translateY(20px)"><div class=""><img alt="Search Engine Optimization (SEO)" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&w=48&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&w=96&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&w=96&q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">Search Engine Optimization (SEO)</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Desiging and implementing SEO strategies to improve your website's visibility and ranking on search engines. I help you reach your target audience effectively. Let your busness be found by the right people.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Schedule a Call<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&w=32&q=75"/></a></div></div></section><section id="projects" class="max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left mt-20 scroll-m-28 text-xs" style="opacity:0;transform:translateY(20px)"><h4 class="mb-2 text-lg font-inter text-gray-700 dark:text-white/80 underline decoration-wav
15y decoration-green-400 decoration-2" style="opacity:0;transform:translateY(20px)">What I've Built</h4><h2 class="text-5xl font-intertext-gray-900 dark:text-white/90 " style="opacity:0;transform:translateY(20px)">My Latest Work</h2><p class="mb-12 max-w-2xl mt-5 font-inter text-gray-600 dark:text-white/80 leading-relaxed" style="opacity:0;transform:translateY(20px)">I have worked on a variety of projects, ranging from personal projects to client work. Here are some of the projects I have worked on:</p><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-10 " style="opacity:0;transform:translateY(20px)"><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover 16 dark:hover:bg-darkHover text-xs " style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="Ecomshop Project" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fecomshop.png&w=640&q=75 640w, /_next/image?url=%2Fecomshop.png&w=750&q=75 750w, /_next/image?url=%2Fecomshop.png&w=828&q=75 828w, /_next/image?url=%2Fecomshop.png&w=1080&q=75 1080w, /_next/image?url=%2Fecomshop.png&w=1200&q=75 1200w, /_next/image?url=%2Fecomshop.png&w=1920&q=75 1920w, /_next/image?url=%2Fecomshop.png&w=2048&q=75 2048w, /_next/image?url=%2Fecomshop.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fecomshop.png&w=3840&q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">Ecomshop Project</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A responsive web ecommerce application that sells ecommerce website templates and themes.</p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">React.js</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Typescript</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Vite.js</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">React Router</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Css</span></div></div><div class="flex gap-4"><a href="https://github.com/brianriant/ecomshop" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">View Code<img alt="View Code" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75"/></a><a href="https://ecomshop-orpin.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75"/></a></div></div></div><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover 17 dark:hover:bg-darkHover text-xs " style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="TafutaTutor App" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Ftafutatutor.png&w=640&q=75 640w, /_next/image?url=%2Ftafutatutor.png&w=750&q=75 750w, /_next/image?url=%2Ftafutatutor.png&w=828&q=75 828w, /_next/image?url=%2Ftafutatutor.png&w=1080&q=75 1080w, /_next/image?url=%2Ftafutatutor.png&w=1200&q=75 1200w, /_next/image?url=%2Ftafutatutor.png&w=1920&q=75 1920w, /_next/image?url=%2Ftafutatutor.png&w=2048&q=75 2048w, /_next/image?url=%2Ftafutatutor.png&w=3840&q=75 3840w" src="/_next/image?url=%2Ftafutatutor.png&w=3840&q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">TafutaTutor App</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A web application that connects students with tutors in their area.</p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Next.js</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Javascript</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">TypeScript</span></div></div><div class="flex gap-4"><a href="https://github.com/brianriant/tafutatutor" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">view Code<img alt="view Code" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75"/></a><a href="https://tafutatutor.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75"/></a></div></div></div><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover 18 dark:hover:bg-darkHover text-xs " style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="This Portfolio" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fportfolio.png&w=640&q=75 640w, /_next/image?url=%2Fportfolio.png&w=750&q=75 750w, /_next/image?url=%2Fportfolio.png&w=828&q=75 828w, /_next/image?url=%2Fportfolio.png&w=1080&q=75 1080w, /_next/image?url=%2Fportfolio.png&w=1200&q=75 1200w, /_next/image?url=%2Fportfolio.png&w=1920&q=75 1920w, /_next/image?url=%2Fportfolio.png&w=2048&q=75 2048w, /_next/image?url=%2Fportfolio.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fportfolio.png&w=3840&q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">This Portfolio</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A portfolio website that showcases my work and skills as a developer.</p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Next.js</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Framer motion</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">TypeScript</span></div></div><div class="flex gap-4"><a href="https://github.com/brianriant/brianriant_portfolio" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">View Code<img alt="View Code" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75"/></a><a href="https://brianriant.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75"/></a></div></div></div><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover 19 dark:hover:bg-darkHover text-xs " style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="Learningflex" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Flearningflex.png&w=640&q=75 640w, /_next/image?url=%2Flearningflex.png&w=750&q=75 750w, /_next/image?url=%2Flearningflex.png&w=828&q=75 828w, /_next/image?url=%2Flearningflex.png&w=1080&q=75 1080w, /_next/image?url=%2Flearningflex.png&w=1200&q=75 1200w, /_next/image?url=%2Flearningflex.png&w=1920&q=75 1920w, /_next/image?url=%2Flearningflex.png&w=2048&q=75 2048w, /_next/image?url=%2Flearningflex.png&w=3840&q=75 3840w" src="/_next/image?url=%2Flearningflex.png&w=3840&q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">Learningflex</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A revolutionary educational platform that adapts to your learning style, helps you master new subjects faster, and provides personalized guidance every step of the way.</p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Next.js</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Framer motion</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">TypeScript</span></div></div><div class="flex gap-4"><a href="https://www.learningflex.org/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75"/></a></div></div></div><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover 20 dark:hover:bg-darkHover text-xs lg:col-span-2 md:col-span-2" style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="Talligo" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Ftallingo.png&w=640&q=75 640w, /_next/image?url=%2Ftallingo.png&w=750&q=75 750w, /_next/image?url=%2Ftallingo.png&w=828&q=75 828w, /_next/image?url=%2Ftallingo.png&w=1080&q=75 1080w, /_next/image?url=%2Ftallingo.png&w=1200&q=75 1200w, /_next/image?url=%2Ftallingo.png&w=1920&q=75 1920w, /_next/image?url=%2Ftallingo.png&w=2048&q=75 2048w, /_next/image?url=%2Ftallingo.png&w=3840&q=75 3840w" src="/_next/image?url=%2Ftallingo.png&w=3840&q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">Talligo</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A Professional real estate data and analytics platform for investors and developers. </p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Next.js</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Framer motion</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800 px-3 py-1 rounded-full transition duration-300 transform hover:bg-green-200">TypeScript</span></div></div><div class="flex gap-4"><a href="https://www.talligo.com/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&w=32&q=75"/></a></div></div></div></div><a href="/projects" class="w-max flex items-center justify-center gap-2 text-green-500 border-[0.5px] border-gray-700 rounded-full py-3 px-10 my-20 hover:bg-lightHover dark:border-white dark:hover:bg-darkHover" style="opacity:0;transform:translateY(20px)">Show more<img alt="show more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-4" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=32&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=32&q=75"/></a></section><section id="contact" aria-labelledby="contact-title" class="max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left mt-20 scroll-m-28 text-xs" style="opacity:0;transform:translateY(20px)">
20<section class="Toastify" aria-live="polite" aria-atomic="false" aria-relevant="additions text" aria-label="Notifications Alt+T"></section><h4 id="contact-title" class=" mb-2 text-lg font-inter text-gray-700 dark:text-white/80 underline decoration-wavy decoration-green-400 decoration-2" style="opacity:0;transform:translateY(20px)">Connect With Me</h4><h2 class="text-5xl font-inter text-gray-900 dark:text-white/90" style="opacity:0;transform:translateY(20px)">Get in Touch</h2><p class="mb-12 lg:text-sm max-w-2xl mt-5 font-inter text-gray-600 leading-relaxed dark:text-white/80" style="opacity:0;transform:translateY(20px)">Feel free to reach out to me for any inquiries, collaborations, or just to say hello. I'm always open to discussing new projects, creative ideas, or opportunities to be part of your vision. Let's connect and create something amazing together!</p><form class="max-w-2xl " aria-label="Contact Form" style="opacity:0;transform:translateY(20px)"><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-10 mb-8 lg:text-sm"><input type="text" placeholder="Enter your name" required="" aria-label="Name" class="w-full p-3 outline-none border border-gray-300 rounded-full invalid:text-pink-600 focus:border-green-500 focus:outline focus:outline-green-500 dark:bg-darkHover/30 dark:border-white/90 dark:text-white/80" style="opacity:0;transform:translateY(20px)" name="name"/><input type="email" placeholder="Enter your email" required="" aria-label="Email" class="w-full p-3 outline-none border border-gray-300 invalid:text-pink-600 focus:border-green-500 focus:outline focus:outline-green-500 rounded-full bg-white dark:bg-darkHover/30 dark:border-white/90 dark:text-white/80 " style="opacity:0;transform:translateY(20px)" name="email"/></div><textarea name="message" rows="6" placeholder="Enter your message" required="" aria-label="Message" class=" w-full p-4 outline-none border border-gray-300 rounded-xl bg-white mb-6 invalid:text-pink-600 focus:border-green-500 focus:outline focus:outline-green-500 focus:invalid:outline-pink-500focus:border-black dark:bg-darkHover/30 dark:border-white/90 dark:text-white/80 " style="opacity:0;transform:translateY(20px)"></textarea><button type="submit" aria-label="Submit Form" class="py-3 px-8 flex items-center gap-2 bg-black text-green-500 rounded-full hover:bg-black/90 transition duration-300 dark:bg-transparent dark:border-[0.5px] dark:hover:bg-darkHover" style="opacity:0;transform:translateY(20px)">Send Now<img alt="Submit" loading="lazy" width="33" height="22" decoding="async" data-nimg="1" class="w-4" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&w=3840&q=75"/></button></form></section><!--$--><!--/$--><footer class="mt-20 mb-10 max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left"><div class="font-xs lg:font-sm"><img alt="logo" loading="lazy" width="336" height="81" decoding="async" data-nimg="1" class="w-36 -ml-4 mb-2" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&w=3840&q=75"/></div><div class="flex flex-col lg:flex-row items-center justify-between border-t border-gray-400 mt-12 py-6 leading-relaxed"><p class="text-center lg:text-left mb-4 lg:mb-0">© <!-- -->2026<!-- --> Brian Riant. All rights reserved.</p><ul class="flex flex-wrap gap-6 lg:gap-10 items-center justify-start mt-4 lg:justify-end leading-relaxed"><li><a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@BrianRiant" aria-label="Brian Riant's YouTube" class="hover:underline text-green-500 transition-all duration-300">YouTube</a></li><li><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/brianriant" aria-label="Brian Riant's LinkedIn" class="hover:underline text-green-500 transition-all duration-300">LinkedIn</a></li><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/brianriant" aria-label="Brian Riant's GitHub" class="hover:underline text-green-500 transition-all duration-300">GitHub</a></li><li><a target="_blank" rel="noopener noreferrer" href="https://linktr.ee/brianriant" aria-label="Brian Riant's Linktree" class="hover:underline text-green-500 transition-all duration-300">Linktree</a></li></ul></div></footer><!--$--><!--/$-->
20<script src="/_next/static/chunks/3qm714za83nz8.js" id="_R_" async=""></script>
20<script>(self.__next_f=self.__next_f||[]).push([0])</script>
20<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[90725,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"DarkModeProvider\"]\n4:I[18075,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"default\"]\n5:I[17651,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"default\"]\n7:I[99430,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"SpeedInsights\"]\n8:I[43503,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"ClientPageRoot\"]\n9:I[31713,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\",\"/_next/static/chunks/1zq_ld0h_my8r.js\",\"/_next/static/chunks/3iwj9bx_951ue.js\",\"/_next/static/chunks/25_10d1c0b9wv.js\"],\"default\"]\na:I[75699,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"OutletBoundary\"]\nb:\"$Sreact.suspense\"\nd:I[75699,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"ViewportBoundary\"]\nf:I[75699,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"MetadataBoundary\"]\n11:I[77421,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"default\",1]\n12:I[47137,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"default\"]\n13:I[30383,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"Image\"]\n14:I[65174,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/0hzts_6xhu_oj.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
20<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0hzts_6xhu_oj.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/27k-8pem0igqd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/3a5bdhwy0e1k2.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"scroll-smooth\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"defer\":true,\"src\":\"https://cloud.umami.is/script.js\",\"data-website-id\":\"467662c8-caee-4bca-8a44-d0026a97c931\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function() {\\n function getCookie(name) {\\n const value = document.cookie.match('(^|;)\\\\s*' + name + '\\\\s*=\\\\s*([^;]+)');\\n return value ? value.pop() : null;\\n }\\n const theme = getCookie('theme') || 'light';\\n if (theme === 'dark') {\\n document.documentElement.classList.add('dark');\\n document.body.classList.add('dark');\\n }\\n })();\\n \"}}]]}],[\"$\",\"body\",null,{\"className\":\"inter_e2473468-module__7NREva__className antialiased leading-8 overflow-x-hidden dark:bg-darkTheme dark:text-white\",\"children\":[[\"$\",\"$L2\",null,{\"children\":[\"$L3\",[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$L6\"]}],[\"$\",\"$L7\",null,{}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L8\",null,{\"Component\":\"$9\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":null}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1zq_ld0h_my8r.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/3iwj9bx_951ue.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/25_10d1c0b9wv.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@c\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0hzts_6xhu_oj.
20css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"WqiCgEZWEWZvizMxLceVR\"}\n"])</script>
20<script>self.__next_f.push([1,"3:[\"$\",\"$L12\",null,{\"initialTheme\":\"light\",\"isDarkMode\":false}]\n"])</script>
20<script>self.__next_f.push([1,"6:[\"$\",\"footer\",null,{\"className\":\"mt-20 mb-10 max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-xs lg:font-sm\",\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/logo.3hpke6hafwz7_.png\",\"width\":336,\"height\":81,\"blurWidth\":8,\"blurHeight\":2,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAYAAABllJ3tAAAATUlEQVR42gFCAL3/AAICAiwGBgaQBQUFcAMDAzwDAwM6AwMDPAQEBFQBAQEUAAICAjcICAixBwcHoQgICKkICAiqBwcHlAcHB6AEJQdGziwHq7G++s4AAAAASUVORK5CYII=\"},\"alt\":\"logo\",\"className\":\"w-36 -ml-4 mb-2\",\"quality\":75,\"sizes\":\"100vw\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row items-center justify-between border-t border-gray-400 mt-12 py-6 leading-relaxed\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-center lg:text-left mb-4 lg:mb-0\",\"children\":[\"© \",2026,\" Brian Riant. All rights reserved.\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-wrap gap-6 lg:gap-10 items-center justify-start mt-4 lg:justify-end leading-relaxed\",\"children\":[[\"$\",\"li\",\"0\",{\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://www.youtube.com/@BrianRiant\",\"aria-label\":\"Brian Riant's YouTube\",\"className\":\"hover:underline text-green-500 transition-all duration-300\",\"children\":\"YouTube\"}]}],[\"$\",\"li\",\"1\",{\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://www.linkedin.com/in/brianriant\",\"aria-label\":\"Brian Riant's LinkedIn\",\"className\":\"hover:underline text-green-500 transition-all duration-300\",\"children\":\"LinkedIn\"}]}],[\"$\",\"li\",\"2\",{\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://github.com/brianriant\",\"aria-label\":\"Brian Riant's GitHub\",\"className\":\"hover:underline text-green-500 transition-all duration-300\",\"children\":\"GitHub\"}]}],[\"$\",\"li\",\"3\",{\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://linktr.ee/brianriant\",\"aria-label\":\"Brian Riant's Linktree\",\"className\":\"hover:underline text-green-500 transition-all duration-300\",\"children\":\"Linktree\"}]}]]}]]}]]}]\n"])</script>
20<script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes\"}]]\nc:null\n"])</script>
20<script>self.__next_f.push([1,"10:[[\"$\",\"title\",\"0\",{\"children\":\"Brian Riant | An Experienced Software Developer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Brian Riant\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"Brian Riant,brianriant,brian,riant,Software Developer,web developer,portfolio,self-taught developer,JavaScript,React,Node.js,web development,web design,front-end developer,back-end developer,mobile app developer,Flutter,React Native,Next.js developer,AI integration,TypeScript expert,React developer Kenya,full-stack development Kiambu,web performance optimization,responsive web design,API development,database architecture,UI/UX design\"}],[\"$\",\"meta\",\"4\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"5\",{\"name\":\"google-site-verification\",\"content\":\"google-site-verification=your-google-verification-code\"}],[\"$\",\"meta\",\"6\",{\"name\":\"yandex-verification\",\"content\":\"your-yandex-verification-code\"}],[\"$\",\"meta\",\"7\",{\"name\":\"bing\",\"content\":\"your-bing-verification-code\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Brian Riant | An Experienced Software Developer\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:url\",\"content\":\"https://brianriant.vercel.app\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:site_name\",\"content\":\"Brian Riant Portfolio\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://brianriant.vercel.app/_next/static/media/profile-og.0mt8r7zzdve51.png\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:height\",\"content\":\"1260\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"Brian Riant Profile Image\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:site\",\"content\":\"@brianriant\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:creator\",\"content\":\"@brianriant\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"Brian Riant | An Experienced Software Developer\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:description\",\"content\":\"Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information.\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image\",\"content\":\"https://brianriant.vercel.app/_next/static/media/profile-og.0mt8r7zzdve51.png\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:alt\",\"content\":\"Brian Riant Profile Image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:height\",\"content\":\"1260\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0nck31xhwhd_9.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"$L14\",\"28\",{}]]\n"])</script>
20</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.