Karan's Portfolio

Hi there, I'm Karan Nakra 👋

🚀 Welcome to My Portfolio! 🚀 Greetings! I am Karan Nakra, a results-driven Web Developer and Software Engineer with a Bachelor of Technology in Computer Science and Engineering from Chandigarh Engineering College, Mohali. Throughout my academic and professional journey, I have been passionate about pushing the boundaries of technology and creating innovative solutions. Here's a glimpse into my world of coding and problem-solving:

Twitter iconLinkedin icon
Karan Nakra Emoticon
Personal Projects
fogbender
Fogbender
ReactJS
AstroJs
Tailwind CSS
Vue JS
SolidJS
Typescript

Collaborated with a team of talented developers to make substantial contributions to an impressive open-source project. Key achievements include the successful implementation of night mode, select component, super calendar, and an agent management system. Additionally, played a pivotal role in creating various widget components equivalent to those in React, but tailored for Vue, Svelte, and SolidJS.

Fogbender OSS
Fogbender OSS
VueJS
SolidJS
ShadowDOM
TailwindCSS
Typescript

I significantly contributed to the Fogbender OSS project by successfully migrating several widgets from React to Vue, SolidJS, and Custom Elements. The migration process was particularly challenging due to the requirement of developing a unified widget compatible with both Vue 2 and Vue 3. Overcoming these complexities, I played a key role in ensuring the seamless integration and functionality of the widgets across multiple frameworks and custom elements. This experience showcases my adaptability and expertise in bridging the gap between different technologies within the open-source ecosystem.

Super Calendar
Super Calendar
Astro.js
Bootstrap
TypeScript

Created a cutting-edge calendar application inspired by the sleek and intuitive design of the Superhuman email platform. This innovative calendar, developed to meet the specific needs of Fogbender, introduces advanced parsing capabilities that seamlessly convert human-readable calendar dates into actual date objects.

Recent Projects
Reuters connect program
Reuters connect program
ReactJS
Clojure
Clojurescript
Re-frame
TypeScript
Storybook

At Reuters, I played a pivotal role in enhancing the Reuters Connect program (RCP). I spearheaded the development of an auto-transcription feature for videos, transcribing over 10,000 videos, and crafted 30+ reusable UI components using Storybook for design consistency. Additionally, I contributed to transforming Reuters' web platform into a responsive website, boosting mobile user engagement by 40%. My versatile expertise significantly enriched the RCP, ensuring cutting-edge features, streamlined development, and optimal user experiences across devices.

Fyrii
Fyrii
ReactJs
Storybook
Microservices
Serverless AWS
Elastic Search

I played a pivotal role in Fyrii's success by spearheading the development of a robust Elasticsearch API, reducing search response time by 50%. Additionally, I led the creation of over 40 reusable UI components using Storybook, fostering design consistency and accelerating development. This initiative resulted in a 30% boost in user satisfaction by enhancing Fyrii's visual appeal and streamlining the user interface. Overall, my expertise significantly enriched the platform, maximizing content visibility, and elevating the overall user experience.

Asia net
Asianet
Astro.js
Bootstrap
TypeScript

As a developer at Asia Net, I spearheaded the creation of an advanced automated solution to revolutionize data management and analysis. Introducing a meticulously crafted script, I enabled the seamless generation of Google Sheets at regular intervals, simplifying the organization and accessibility of critical information. Through strategic planning and execution, the script autonomously gathers pertinent data from diverse sources, presenting it in comprehensive and well-organized spreadsheets. This automation not only optimizes time and effort but also guarantees that vital data remains consistently up-to-date, fostering efficient analysis and informed decision-making.

Astro

How to Integrate preact/ react in astro

Dec 19, 2023
In this post I will explain brief steps of how to integrate