About
![bhavyansh jain profile picture](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F0a5a9ea881401fad01763c8868e548549956c9d2-768x1024.png&w=3840&q=75)
Experience
![iVoyant logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F4094b51d9496191ed55e403d2da62344b5a1df00-100x100.gif&w=3840&q=75)
SDE, Product Engineering
iVoyant Systems Pvt. Ltd.
![React.js logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F753c5d06c14d69386a1279cfdfa37e092c898234-500x500.webp&w=3840&q=75)
![Typescript logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff7039be8039af8597492a857a23aea9556ebdd91-500x500.webp&w=3840&q=75)
![CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F7067c09f288d4342451dccbd7dd588d3b5726298-500x500.webp&w=3840&q=75)
![Javascript logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F357ab7c9f88508524e09d4721975483306de29a4-500x500.webp&w=3840&q=75)
Mon May 22 2023 - Present
- Designed and developed DM in React.js using Typescript. Employed a minimalist design approach with AntD to enhance user experience.
- Created and Integrated M.UI and S.E. packages into DM and collaborated with a team of 5 developers to ensure the seamless integration and working on it..
![Techon Dater Systems logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F657fff5bd564d4174127e819d6dccbbd629a5a17-200x200.webp&w=3840&q=75)
React Developer
Techon Dater Systems Pvt. Ltd.
![React.js logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F753c5d06c14d69386a1279cfdfa37e092c898234-500x500.webp&w=3840&q=75)
![Typescript logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff7039be8039af8597492a857a23aea9556ebdd91-500x500.webp&w=3840&q=75)
Tue Dec 01 2020 - Mon Mar 01 2021
- Designed and developed user-friendly forms in React.js using Formik and Yup, resulting in a 25% increase in form submissions. Employed a minimalist design approach with Semantic UI to enhance user experience.
- Integrated location and landmark filters using various Google APIs and collaborated with a team of 3 developers to ensure the seamless integration of third-party O-Auth logins.
- Created a high-performance, single-page application using React, React Router, and Ant Design, resulting in a 50% decrease in load time.
Skills
![Strapi logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F56eb0bf8770f561f65e68224ec372601faff0810-976x976.webp&w=3840&q=75)
![CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F7067c09f288d4342451dccbd7dd588d3b5726298-500x500.webp&w=3840&q=75)
![MongoDB logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F74d1047d08d9ed6e1d8823cfd94d7984b16b80a1-500x500.webp&w=3840&q=75)
![Typescript logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff7039be8039af8597492a857a23aea9556ebdd91-500x500.webp&w=3840&q=75)
![Firebase logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff5194fc6fd4aa1a9e9ae920ed2401ad55e890868-500x500.webp&w=3840&q=75)
![Node.js logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff955450ebcd693179916020dad92660b05f4bf67-500x500.webp&w=3840&q=75)
![HTML logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F06d09e91718066c5ef12aa5cfa26ea7c33b87a17-500x500.webp&w=3840&q=75)
![Javascript logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F357ab7c9f88508524e09d4721975483306de29a4-500x500.webp&w=3840&q=75)
![Tailwind CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F4c96ce4edeb26f3f3c20e225180959419ec976dc-2000x2000.webp&w=3840&q=75)
![Stripe logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Fae25febfb994f24d6cd1a071e6ec6ea1139a5573-3000x2000.png&w=3840&q=75)
![Sanity logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Fd4d80daecf48986fbed667b5cd7cd3daf30cc6d7-600x315.webp&w=3840&q=75)
![React.js logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F753c5d06c14d69386a1279cfdfa37e092c898234-500x500.webp&w=3840&q=75)
Some Things I've Built
![Amtech India mockup image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F0603a0178adc1a9db8e00af89bb2259c2f63e4f8-1280x720.webp&w=3840&q=75)
Amtech India
Designed and developed a customized website for a local business using Strapi, a headless CMS, to fetch and display data and blogs. Improved website functionality and user experience resulting in a 50\% increase in website traffic.
Next.js
Tailwind CSS
Strapi
![Tailwind CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F4c96ce4edeb26f3f3c20e225180959419ec976dc-2000x2000.webp&w=3840&q=75)
![Strapi logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F56eb0bf8770f561f65e68224ec372601faff0810-976x976.webp&w=3840&q=75)
![Amazon clone mockup image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F2f549823b6d3bd3c02bfbd01d19c6396fcb45d21-1280x720.webp&w=3840&q=75)
Amazon Clone
A fully responsive e-commerce website clone with complete functionality of signing in, payments, and order history.
Next.js
React.js
Tailwind CSS
Firebase
Stripe
Redux
![React.js logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F753c5d06c14d69386a1279cfdfa37e092c898234-500x500.webp&w=3840&q=75)
![Tailwind CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F4c96ce4edeb26f3f3c20e225180959419ec976dc-2000x2000.webp&w=3840&q=75)
![Firebase logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff5194fc6fd4aa1a9e9ae920ed2401ad55e890868-500x500.webp&w=3840&q=75)
![Stripe logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Fae25febfb994f24d6cd1a071e6ec6ea1139a5573-3000x2000.png&w=3840&q=75)
![Hulu UI clone mockup image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F6790fdc0135c655ecb9703240ca89a89eca36a84-1349x652.webp&w=3840&q=75)
Hulu UI Clone
A Hulu UI clone that scrapes movie data from TMDB API and displays different genres of movies, like trending, most viewed, etc.
Next.js
Tailwind CSS
![Tailwind CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F4c96ce4edeb26f3f3c20e225180959419ec976dc-2000x2000.webp&w=3840&q=75)
![Todo app mockup image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F3dbf053f139e1a8978c67bd571f64d04179911a2-1317x646.webp&w=3840&q=75)
ToDo App
A glassy looking UI ToDo web application with a completely encrypted database. It allows you to create, edit and delete todo items.
Next.js
Typescript
Tailwind CSS
MongoDB
Framer Motion
![Typescript logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff7039be8039af8597492a857a23aea9556ebdd91-500x500.webp&w=3840&q=75)
![Tailwind CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F4c96ce4edeb26f3f3c20e225180959419ec976dc-2000x2000.webp&w=3840&q=75)
![MongoDB logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F74d1047d08d9ed6e1d8823cfd94d7984b16b80a1-500x500.webp&w=3840&q=75)
![Progress Tracker mockup logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Fcde8547c6d8c77840bfe8f1e088a43ad91d1f6c9-1328x640.webp&w=3840&q=75)
Progress Tracker
A glassy looking UI Progress Tracker web application with a completely encrypted database. It allows you to measure your progress in terms of efficiency.
Next.js
Typescript
Tailwind CSS
MongoDB
![Typescript logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff7039be8039af8597492a857a23aea9556ebdd91-500x500.webp&w=3840&q=75)
![Tailwind CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F4c96ce4edeb26f3f3c20e225180959419ec976dc-2000x2000.webp&w=3840&q=75)
![MongoDB logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F74d1047d08d9ed6e1d8823cfd94d7984b16b80a1-500x500.webp&w=3840&q=75)
![Video converter mockup image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F51200c7c5a9c721f9739f9296e1d089435e32127-1280x720.webp&w=3840&q=75)
Video Converter
Minimalistic video converter based on FFMPEG WASM binary which utilizes client-side resources for processing with a straightforward UI.
Next.js
React.js
Tailwind CSS
Typescript
MongoDB
![React.js logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F753c5d06c14d69386a1279cfdfa37e092c898234-500x500.webp&w=3840&q=75)
![Tailwind CSS logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F4c96ce4edeb26f3f3c20e225180959419ec976dc-2000x2000.webp&w=3840&q=75)
![Typescript logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2Ff7039be8039af8597492a857a23aea9556ebdd91-500x500.webp&w=3840&q=75)
![MongoDB logo](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2idtqemt%2Fproduction%2F74d1047d08d9ed6e1d8823cfd94d7984b16b80a1-500x500.webp&w=3840&q=75)