Full-Stack Developer

|

About

About Me

Hi, I’m Shahid — a full-stack developer passionate about crafting seamless digital experiences with React, Next.js, ASP.NET Core and modern web techs. When I’m not coding, I’m swapping ideas over coffee ☕ or exploring the latest tools to level up my work. In my downtime, I love experimenting with emerging technologies and often challenge myself by building full-stack applications for fun — it’s how I stay sharp and keep evolving as a developer

Experience

Software Developer

Ebix Australia

Aug 2022 - present

Build and maintain scalable web applications using ASP.NET Core MVC, Vue.js, and React.js, enhancing user engagement and business workflows
Optimized frontend performance by implementing techniques like code splitting and lazy loading, achieving faster load times
Successfully migrated legacy jQuery codebases to Vue.js, improving maintainability and reducing bug rates
Improved database efficiency by optimizing SQL queries, reducing latency and enhancing system responsiveness for high-traffic dashboards
Developed 50+ reusable UI components, significantly reducing development time and improving maintainability across multiple projects
Integrated real-time APIs seamlessly, ensuring efficient data synchronization between frontend and backend systems

Skills

Hover over any skill for current proficiency

60%

75%

100%

50%

60%

75%

70%

65%

75%

40%

75%

65%

80%

50%

65%

50%

70%

50%

65%

70%

50%

Projects

Project 1 of 10: Meduim-2.0

Medium blog clone is one of my first projects using Next Js, Tailwind CSS, Typescript and Sanity CMS. The two core objective of this project was to learn Tailwind CSS for effective and responsive styling and Sanity CMS to implement new backend technology with GraphQL for easy content management.

Project 2 of 10: Weather-App AI

Welcome to my OpenAI-powered weather app. Select any country then select any city based on the selected country...then wait for it! You will see some amazing weather interfaces and OpenAI GPT-powered live weather suggestions!

Project 3 of 10: Trello-2.0

Trello-2.0 is my latest project that I've been working really hard to make everything right. This app is powered by NextJs and AppWrite for front-end and back-end respectively. This app will allow you to organize todo list including image upload with a sleek design by TailwindCSS! Also suggestions from AI!!

Project 4 of 10: Learning Management System

Learning Management System is an educational platform built with Next.js 15, powered by Sanity Live, TypeScript, and Clerk authentication. Integrated payment processing is provided by Stripe, facilitating seamless transactions for course enrollments. Featuring a sleek, responsive interface crafted with Tailwind CSS and shadcn/ui, this project aims to deliver high-quality online courses tailored to diverse learners, offering excellent learning experience

Project 5 of 10: Fitness-App

Fitness App is my second React project. All the data has come from RapidAPI. Several React hooks have been used to make sure the data flow is confirmed & smooth. MaterialUI & CSS has been used to style the page. The app has been deployed in Netlify.

Project 6 of 10: Dropbox-Clone

This is my Dropbox clone project. The tech stack used for this project is NextJS 14, TailwindCSS, Typescript, Firebase, ShadCN and Zustand state management.

Project 7 of 10: Disney-2.0

Another project is to create a Disney clone. The tech stack used for this project is NextJS 14, TailwindCSS, Typescript, ShadCN, and Zod validation.

Project 8 of 10: Google Shopping

Google Shopping web project is my another real time data fetching project using Oxylabs. Here we can scrape real Google Shopping data. The technologies I've used here are OxyLabs(E-Commerce scrapper API), Typescript, TailwindCSS, Tremor, React-Avatar, react-loading-skeleton and Next.js 13.4!

Project 9 of 10: Expense Tracker

Welcome to my GraphQL-powered Expense Tracker app. Tracking your money is made super simple here. This app is created with React and powered by GraphQL along with MongoDB. Tailwind CSS provides the amazing styling.

Project 10 of 10: YouTube Clone

For my YouTube clone the data has been collected from RapidAPI. The project is my first functional React project where several react-hooks have been used. MaterialUI has been used to design the components. This project has deployed in Firebase

Contact

+610421565952

Sydney, Australia

sroutfit@gmail.com