{"data":{"allContentfulNewProjects":{"nodes":[{"id":"788be07c-2ce8-5413-9b22-e28b70e1f6fc","title":"Vaanvil Dental Care","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=750&h=361&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=1080&h=519&q=50&fm=webp 1080w,\n//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=1366&h=657&q=50&fm=webp 1366w,\n//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=1920&h=923&q=50&fm=webp 1920w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=1920&h=923&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=750&h=361&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=1080&h=519&q=50&fm=png 1080w,\n//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=1366&h=657&q=50&fm=png 1366w,\n//images.ctfassets.net/w0846l95cme2/4KZspo6U58TxsNglQo6zkx/8042506fba02feb529cdd9c58f14b060/Screenshot_2021-09-24_at_15-39-03_Vaanavil_Dental_care_Home_1_.png?w=1920&h=923&q=50&fm=png 1920w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#281828","width":1,"height":0.4807291666666667}},"body":{"body":"Freelance project. I designed and created this site for a dental clinic using gatsby js and css with contentful cms."},"livesite":"https://vaanavildentalclinic.com/","repo":"no"},{"id":"258b1385-c385-5858-99d2-6dd614e63a2b","title":"Spotify like Animation","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=750&h=535&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=1080&h=770&q=50&fm=webp 1080w,\n//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=1366&h=974&q=50&fm=webp 1366w,\n//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=1448&h=1032&q=50&fm=webp 1448w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=1448&h=1032&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=750&h=535&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=1080&h=770&q=50&fm=png 1080w,\n//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=1366&h=974&q=50&fm=png 1366w,\n//images.ctfassets.net/w0846l95cme2/2hv92fuAY0zP0yQP1iiXne/a2af18476eb4d840afe2e37682b92460/banner.png?w=1448&h=1032&q=50&fm=png 1448w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#180828","width":1,"height":0.712707182320442}},"body":{"body":"I created this Spotify like Interaction using Typescript + React."},"livesite":"https://spotify-animation.vercel.app/","repo":"https://github.com/yadprab/spotify-animation"},{"id":"798ce59b-a0b6-5ff2-ae39-a483f214c979","title":"Catch The Thunder(Browser Game)","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=750&h=347&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=1080&h=500&q=50&fm=webp 1080w,\n//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=1366&h=632&q=50&fm=webp 1366w,\n//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=1920&h=888&q=50&fm=webp 1920w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=1920&h=888&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=750&h=347&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=1080&h=500&q=50&fm=png 1080w,\n//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=1366&h=632&q=50&fm=png 1366w,\n//images.ctfassets.net/w0846l95cme2/3Q8MkMOTTOXmzZLvurknKa/83e63b965ee832371877a9620975cbc7/Screenshot_2021-10-28_at_15-05-59_Catch_the_thunder.png?w=1920&h=888&q=50&fm=png 1920w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#784868","width":1,"height":0.46249999999999997}},"body":{"body":"I created this Browser Game using Typescript + React. Try this game very difficult to win."},"livesite":"https://game-catch.vercel.app/","repo":"https://github.com/yadprab/game--catch"},{"id":"110035f6-0656-5b70-b49a-edebea74fc98","title":"Quizz App","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/4CJ6msep6l59tU9TEtMw1w/6c32df63a00497c40dadf4fe06f96056/Instagram_quizz-_1.png?w=750&h=750&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/4CJ6msep6l59tU9TEtMw1w/6c32df63a00497c40dadf4fe06f96056/Instagram_quizz-_1.png?w=1080&h=1080&q=50&fm=webp 1080w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/4CJ6msep6l59tU9TEtMw1w/6c32df63a00497c40dadf4fe06f96056/Instagram_quizz-_1.png?w=1080&h=1080&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/4CJ6msep6l59tU9TEtMw1w/6c32df63a00497c40dadf4fe06f96056/Instagram_quizz-_1.png?w=750&h=750&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/4CJ6msep6l59tU9TEtMw1w/6c32df63a00497c40dadf4fe06f96056/Instagram_quizz-_1.png?w=1080&h=1080&q=50&fm=png 1080w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#f8f8f8","width":1,"height":1}},"body":{"body":"Personal project. I designed and created this site, a quiz app using react + Typescript(mobile only) and planning to design for other devices also.\n"},"livesite":"https://quizz-type.vercel.app/","repo":"https://github.com/yadprab/quizz--type"},{"id":"023c2e8d-72dd-54b9-8825-6cc5aa906fbe","title":"Todo App","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=750&h=563&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=1080&h=810&q=50&fm=webp 1080w,\n//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=1366&h=1025&q=50&fm=webp 1366w,\n//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=1600&h=1200&q=50&fm=webp 1600w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=1600&h=1200&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=750&h=563&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=1080&h=810&q=50&fm=png 1080w,\n//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=1366&h=1025&q=50&fm=png 1366w,\n//images.ctfassets.net/w0846l95cme2/67rvzPDxzXgXBexkmjteRB/e5ad45424683f3d4dd287720872598d5/thumbnail1.png?w=1600&h=1200&q=50&fm=png 1600w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#f8f8e8","width":1,"height":0.75}},"body":{"body":"Personal project. I designed and created this site using typescript+ react with framer motion.\n"},"livesite":"https://type-todo.vercel.app/","repo":"https://github.com/yadprab/type-todo"},{"id":"ac7582a9-d990-556e-ae8f-6a1d416f528f","title":"Cards Generator","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/1ZmXWumLo8YehvgIZtYv9z/869aed31ea10b225ccd115f2098678f8/Screenshot_2021-03-13_Card_Generator.png?w=750&h=354&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/1ZmXWumLo8YehvgIZtYv9z/869aed31ea10b225ccd115f2098678f8/Screenshot_2021-03-13_Card_Generator.png?w=1080&h=509&q=50&fm=webp 1080w,\n//images.ctfassets.net/w0846l95cme2/1ZmXWumLo8YehvgIZtYv9z/869aed31ea10b225ccd115f2098678f8/Screenshot_2021-03-13_Card_Generator.png?w=1349&h=636&q=50&fm=webp 1349w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/1ZmXWumLo8YehvgIZtYv9z/869aed31ea10b225ccd115f2098678f8/Screenshot_2021-03-13_Card_Generator.png?w=1349&h=636&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/1ZmXWumLo8YehvgIZtYv9z/869aed31ea10b225ccd115f2098678f8/Screenshot_2021-03-13_Card_Generator.png?w=750&h=354&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/1ZmXWumLo8YehvgIZtYv9z/869aed31ea10b225ccd115f2098678f8/Screenshot_2021-03-13_Card_Generator.png?w=1080&h=509&q=50&fm=png 1080w,\n//images.ctfassets.net/w0846l95cme2/1ZmXWumLo8YehvgIZtYv9z/869aed31ea10b225ccd115f2098678f8/Screenshot_2021-03-13_Card_Generator.png?w=1349&h=636&q=50&fm=png 1349w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#e8e8e8","width":1,"height":0.47146034099332834}},"body":{"body":"Personal project. I designed and created this site to generate Card components using react js(desktop only)."},"livesite":"https://cards-generator.vercel.app/","repo":"https://github.com/yadprab/cards--generator"},{"id":"c4842a04-1769-55b0-99e6-91f45f6f3c24","title":"My old Portfolio","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/2i3ioZExpxs8Hbazxr7x0L/10b35e3310281f8b5e2a45d27a0859cb/Screenshot_2021-04-02_https_yaddev_com.png?w=750&h=349&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/2i3ioZExpxs8Hbazxr7x0L/10b35e3310281f8b5e2a45d27a0859cb/Screenshot_2021-04-02_https_yaddev_com.png?w=1080&h=503&q=50&fm=webp 1080w,\n//images.ctfassets.net/w0846l95cme2/2i3ioZExpxs8Hbazxr7x0L/10b35e3310281f8b5e2a45d27a0859cb/Screenshot_2021-04-02_https_yaddev_com.png?w=1366&h=636&q=50&fm=webp 1366w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/2i3ioZExpxs8Hbazxr7x0L/10b35e3310281f8b5e2a45d27a0859cb/Screenshot_2021-04-02_https_yaddev_com.png?w=1366&h=636&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/2i3ioZExpxs8Hbazxr7x0L/10b35e3310281f8b5e2a45d27a0859cb/Screenshot_2021-04-02_https_yaddev_com.png?w=750&h=349&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/2i3ioZExpxs8Hbazxr7x0L/10b35e3310281f8b5e2a45d27a0859cb/Screenshot_2021-04-02_https_yaddev_com.png?w=1080&h=503&q=50&fm=png 1080w,\n//images.ctfassets.net/w0846l95cme2/2i3ioZExpxs8Hbazxr7x0L/10b35e3310281f8b5e2a45d27a0859cb/Screenshot_2021-04-02_https_yaddev_com.png?w=1366&h=636&q=50&fm=png 1366w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#f8f8f8","width":1,"height":0.46559297218155193}},"body":{"body":"My old portfolio. I designed and created this site, using gatsby and contentful cms and framer motion."},"livesite":"https://sleepy-sammet-c727a9.netlify.app/","repo":"no"},{"id":"f70230d9-64d5-5f56-a1fa-cfda99848d9f","title":"Metalripper","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/AmPXAwV0RLRv43qNbAR4G/fda6e278a91b4362be314f284a78235b/Screenshot_2021-03-15_MetalRipper_CNC_machining_service_in_India_.png?w=750&h=354&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/AmPXAwV0RLRv43qNbAR4G/fda6e278a91b4362be314f284a78235b/Screenshot_2021-03-15_MetalRipper_CNC_machining_service_in_India_.png?w=1080&h=509&q=50&fm=webp 1080w,\n//images.ctfassets.net/w0846l95cme2/AmPXAwV0RLRv43qNbAR4G/fda6e278a91b4362be314f284a78235b/Screenshot_2021-03-15_MetalRipper_CNC_machining_service_in_India_.png?w=1349&h=636&q=50&fm=webp 1349w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/AmPXAwV0RLRv43qNbAR4G/fda6e278a91b4362be314f284a78235b/Screenshot_2021-03-15_MetalRipper_CNC_machining_service_in_India_.png?w=1349&h=636&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/AmPXAwV0RLRv43qNbAR4G/fda6e278a91b4362be314f284a78235b/Screenshot_2021-03-15_MetalRipper_CNC_machining_service_in_India_.png?w=750&h=354&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/AmPXAwV0RLRv43qNbAR4G/fda6e278a91b4362be314f284a78235b/Screenshot_2021-03-15_MetalRipper_CNC_machining_service_in_India_.png?w=1080&h=509&q=50&fm=png 1080w,\n//images.ctfassets.net/w0846l95cme2/AmPXAwV0RLRv43qNbAR4G/fda6e278a91b4362be314f284a78235b/Screenshot_2021-03-15_MetalRipper_CNC_machining_service_in_India_.png?w=1349&h=636&q=50&fm=png 1349w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#484848","width":1,"height":0.47146034099332834}},"body":{"body":"My first freelance project. I designed and created or a startup using HTML, CSS and JS\n"},"livesite":"https://metalripper.com/","repo":"no"},{"id":"f14674ac-4bff-57b7-83f2-bff127b715dd","title":"Taskmind Pomodoro App","banner":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/w0846l95cme2/2V1W08VFALAa1JsABHPjCT/46fccda2308ab855d9e4fee16d651eb7/Screenshot_2021-03-13_TaskMind.png?w=750&h=349&q=50&fm=webp 750w,\n//images.ctfassets.net/w0846l95cme2/2V1W08VFALAa1JsABHPjCT/46fccda2308ab855d9e4fee16d651eb7/Screenshot_2021-03-13_TaskMind.png?w=1080&h=503&q=50&fm=webp 1080w,\n//images.ctfassets.net/w0846l95cme2/2V1W08VFALAa1JsABHPjCT/46fccda2308ab855d9e4fee16d651eb7/Screenshot_2021-03-13_TaskMind.png?w=1366&h=636&q=50&fm=webp 1366w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/w0846l95cme2/2V1W08VFALAa1JsABHPjCT/46fccda2308ab855d9e4fee16d651eb7/Screenshot_2021-03-13_TaskMind.png?w=1366&h=636&q=50&fm=png","srcSet":"//images.ctfassets.net/w0846l95cme2/2V1W08VFALAa1JsABHPjCT/46fccda2308ab855d9e4fee16d651eb7/Screenshot_2021-03-13_TaskMind.png?w=750&h=349&q=50&fm=png 750w,\n//images.ctfassets.net/w0846l95cme2/2V1W08VFALAa1JsABHPjCT/46fccda2308ab855d9e4fee16d651eb7/Screenshot_2021-03-13_TaskMind.png?w=1080&h=503&q=50&fm=png 1080w,\n//images.ctfassets.net/w0846l95cme2/2V1W08VFALAa1JsABHPjCT/46fccda2308ab855d9e4fee16d651eb7/Screenshot_2021-03-13_TaskMind.png?w=1366&h=636&q=50&fm=png 1366w","sizes":"100vw"}},"layout":"fullWidth","backgroundColor":"#f8f8f8","width":1,"height":0.46559297218155193}},"body":{"body":"Personal project. I designed and created this site, a to-do app with a timer using react Js and framer motion."},"livesite":"https://todo-bice.vercel.app/","repo":"https://github.com/yadprab/todo"}]}}}