Looking for remote opportunities
About
Software Engineer and tech writer. I love building things and helping people to code. Contributor to the React.js environment.
Side Projects
My personal photo albums gallery, integrated with cloudinary and Cloudinary AI to edit uploaded images
A SaaS application for creating notes with Stripe as a payment integration, the maximum for free plan is 3 notes and for paid plan is infinity
social media app to allow people to share their experiences and connect with others. It includes direct messaging, group chats, and a news feed.
I developed incident reporter to make community safe, it implemented gemini ai to diagnose the type and description of the uploaded image
A simple organizer application which allows users to create events explore available events, and purchase a ticket to book the attendance
Writing
One of the most important thing when we build application is to consider about the performance, I once worked on a very large codebase that took around 5 minutes to compile and the performance was sucks. It happens for reasons, one of the most big reason is a heavy computation of the functions, then after years I decided to write how technical article how we can implement memoization in React and how it works. I also gave analogy to make everything clear and know the difference between memoization and memorization
In every React framework we always dealing with routing systems and how its behavior to the developer experience, I wrote this article aimed for those next.js developer who want to give a shot to Remix which known as a robust lightweight framework for react. I made an comparison between next.js routes for each routings and how it should be written in Remix
Hydration is one of next.js core features which transform pre-rendered server-side content into an interactive user interface on the client side. In this article I explain why it happens and why it necessary for next.js to hydrate the client side javascript browser
Hydration benefits:
-
Faster Time to Interactive (TTI)
-
Better SEO and Accessibility
-
Improved Performance and User Experience
-
Graceful Fallback: In cases where JavaScript fails to load or run, Next.js can fall back to the server-rendered HTML, ensuring that the content remains accessible and users can still navigate the site.
-
Client-Side Enhancements
I wrote a technical article about next.js 13 rendering strategies which often confused people a lot and make a clear summary of them
Work Experience
Architected and wrote the entire MVP of the online booking system for online bike service using React, NextJS, TypeScript, and Python. Integrated with Razorpay payment gateway to enable secure online payments. Built a mobile app using react native and typescript.
I integrated desktop applications with digital scales, implementing WebSocket technology to receive real-time weight data and developing a web application to manage and display the information. I also created new APIs using Express.js, working with both MySQL and PostgreSQL databases to ensure efficient and reliable data handling.
I worked with large teams at Zahir, collaborating with BE, QA, and PM to achieve the MVP and weekly sprints. My main task is to transform the design from UI/UX designer into a dynamic web application that used by thousand users around the world
Education
After a few years of working in the industry, I realized that software development is a vast field. However, having a university education is also important. Now, I am pursuing my degree with comfortable and flexible study hours, studying in the evenings throughout the week without interference my regular working hours and doing my coding exercise during the weekends.
I joined a coding bootcamp, which was a 4-month intensive training program to become a full-stack developer, focusing on React.js, Express, and React Native.