Hi, I'm Rehan 👋
A Software Engineer focused on building scalable software, writing web-related articles, and releasing content on Web Technologies at @webros.tech 🚀
AR

About

Ever since I was a little kid, web-based applications have fascinated me because of how they are planned, designed, implemented, tested, and maintained. While many people find books to be their first love for finding solutions, it wasn't the same for me. I have always relished reading various perspectives in articles and implementing different approaches from YouTube tutorials, which have helped me climb many stairs towards improvement.

In 2023, I became a Microsoft Learn Student Ambassador, a worldwide community of campus influencers driven to assist their peers and cultivate thriving technology ecosystems. Buying premium courses in Pakistan has been a significant challenge for someone belonging to a middle-class family. This motivated me to build a regional community of over 700 people focused on Web Development from different colors, castes, and creeds. I aim to solve this problem by hosting workshops and bootcamps, and to date, I have hosted 30+ workshops.

During my time at university, I always sought ways to use Visual Studio Code during classes. I was the winner of CodeAir, a flagship competitive coding competition held at the university by Microsoft Learn Student Ambassadors (MLSA), among 40+ teams from different universities. Furthermore, I was invited to host a workshop for AI students on 'GitHub - Your Portal to Open Source Excellence' at LTC Hall. Additionally, I served as a Developer Lead in my university's MLSA chapter, where I managed a team of eight people involved in integrating features, carrying out versions, and making updates quickly for each MLSA event. Moreover, I was a Web Development mentor in Developers League, a two-month bootcamp organized by MLSA. I was tasked with conducting workshops on HTML, CSS, Bootstrap, and JavaScript for juniors to make them aware of different paths to pursue.

I have released two npm packages: 'use-countries-hook', built with React.js, and 'geospatial-toolkit', built with Node.js. Each carries a distinct purpose and contributes to the developer community.

Work Experience

v

vyro.ai

Mar 2024 - May 2024
Software Engineer I
I worked on two impactful applications, Reshot and ImagineArt. For Reshot, I replaced shadcn with the Radix UI portal to enhance the user interface. For ImagineArt, I resolved compatibility issues between Embla Carousel and cross-browser rendering in Google Chrome and Mozilla Firefox. I also enhanced the 'text-to-image' feature for real-time rendering, reducing user wait times by 2%, and implemented a masonry layout in the 'Create Videos' feature, boosting user engagement by 2%. Additionally, I integrated a stack navigator to prevent unexpected modal dismissals, improved load time by 1% by removing barrel files, and developed a tab-based generation box for the 'Create Videos' feature, which facilitates video generation from prompts, face images, and style images, as well as image-to-video generation. Lastly, I revamped the website content, rebranding it from 'Imagine AI' to 'ImagineArt'.
1

128 Technologies

May 2022 - Aug 2022
Frontend Engineer Intern
I led several key initiatives for the company, including building and deploying their official website, resulting in a 1% improvement in user experience and brand consistency. Additionally, I streamlined user conversion within the PTCL chatbot by 2% by integrating a real-time conversion graph. Furthermore, I took charge of developing secure login and registration functionalities for an LMS using React.js, enhancing the platform's security and user management capabilities significantly.

Skills

C++
HTML
CSS
SASS
Bootstrap
Tailwind CSS
JavaScript
React.js
TypeScript
Next.js
Redux
Zustand
React Query
Node.js
Express.js
MongoDB
Firebase
Appwrite
Redis
GraphQL
REST APIs
Postman
Jest
Lerna
My Projects

See what I've been crafting lately!

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

Blood Bridge

The system connects users with local blood banks for blood requests and donations. Blood banks maintain real-time inventories to manage requests, update users, and notify them of events. They can also request specific blood types from nearby sources in case of shortages.

Node.js
Express.js
MongoDB
Web Sockets
Jest
Postman

Dynamo

Dynamo is a custom-developed AI web application that utilizes the services of OpenAI and Replicate. The application streamlines and secures user authorization using Clerk. It features various services and includes a chatbot integrated using Crisp for real-time communication.

Next.js
Typescript
Prisma
TailwindCSS
Shadcn UI
Crisp
Contributions

I find ways to code for fun 💤

  • u

    use-countries-hook

    A customizable React hook that provides an effortless way for developers to integrate a list of countries into their components. It simplifies the process of fetching and managing country's data, allowing users to easily select countries for their applications
  • g

    geospatial-toolkit

    A Node.js package that provides instant access to the user's current location. Simplify location-based development with a lightweight and easy-to-integrate solution, ideal for applications that require real-time geospatial data.
Contact

Get in Touch

Want to chat? Just ping me with a direct question on LinkedIn and I'll respond in a jiffy.