![HTML 5 html5](https://camo.githubusercontent.com/f2ce4039c99cf35adde738583ab0fbcd60eaafccf1e949884bda91d0b5c819ce/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f68746d6c352f68746d6c352d6f726967696e616c2e737667)
![JavaScript javascript](https://camo.githubusercontent.com/16bbe3c62e06c0099a8bd86816b7993b3eb49d8cd21eb74c7bff7db7dc3787b7/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6a6176617363726970742f6a6176617363726970742d6f726967696e616c2e737667)
![CSS 3 css 3](https://camo.githubusercontent.com/0da944f181647261c840e34b20ed7e3ca44ddc150869c6ea550cf98d06c81a37/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f637373332f637373332d6f726967696e616c2e737667)
![Typescript TypeScript](https://camo.githubusercontent.com/4478f70ad623b56fecc3f4f26be3bd2cbbfed80dc7d9a1b0492aa60fb79371f6/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f747970657363726970742f747970657363726970742d6f726967696e616c2e737667)
![ReactJS react js](https://camo.githubusercontent.com/aed5f69c00ea3fd8c8bc70b89d236efae340eb3024526fd11bcba51c80c4aa40/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f72656163742f72656163742d6f726967696e616c2e737667)
![NodeJS node js](https://camo.githubusercontent.com/2cde166000bd4271614ef8c0a7e435af8a087c05f4d5a36f1945663d363bd463/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6e6f64656a732f6e6f64656a732d6f726967696e616c2e737667)
![Markdown markdown](https://camo.githubusercontent.com/2469aeeaf5c440efc12e94792d3e5f215a9b01d582e8e8456b262072838c96ad/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6d61726b646f776e2f6d61726b646f776e2d6f726967696e616c2e737667)
![Next.js next.js](https://camo.githubusercontent.com/2afa555e4c1446915b42c846fbbc4893c8d1411b54d53ae6e0dcf64371c5f3ba/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6e6578746a732f6e6578746a732d6f726967696e616c2e737667)
![npm npm](https://camo.githubusercontent.com/ceb1cf84ef4729e7a2f0414c57c47ac8563ed1c43fd10475a5d706f6b0f76896/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6e706d2f6e706d2d6f726967696e616c2d776f72646d61726b2e737667)
![Ubuntu ubuntu](https://camo.githubusercontent.com/46c3b10eec80c8de283f55f8455b01f43f4dcb11b9e3853d281c4f46b0306d26/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f7562756e74752f7562756e74752d706c61696e2e737667)
![Git git](https://camo.githubusercontent.com/38827655e1ae0e1518d635ad89e8aa46b7f977c795952245c36a2d58064f1803/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6769742f6769742d6f726967696e616c2e737667)
![Mozilla Firefox mozilla firefox](https://camo.githubusercontent.com/561522c0075d31a89304bf83099495b7be59191466a46b7b153579e496f266d9/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f66697265666f782f66697265666f782d6f726967696e616c2e737667)
![VS Code visual studio code](https://camo.githubusercontent.com/25d07ba4220a3fcadb4af12394d157494ec298dec4ecd86321961427ea18c9e8/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f7673636f64652f7673636f64652d6f726967696e616c2e737667)
![MS Windows microsoft windows](https://camo.githubusercontent.com/19b31de9033843b195ae8278ee9c8ec1115e710000e8c49456e86df96396fb92/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f77696e646f7773382f77696e646f7773382d6f726967696e616c2e737667)
![Yarn yarn](https://camo.githubusercontent.com/e150f2e1babf1dd5ab1e5b022207d6f5af7f46a45c74592c46ec0401c331b4fd/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f7961726e2f7961726e2d6f726967696e616c2e737667)
![Heroku heroku](https://camo.githubusercontent.com/16f67a90c95782f2caf1689a2d0a14528d9c3dd578966ecb7276a9dd937f3f63/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6865726f6b752f6865726f6b752d6f726967696e616c2d776f72646d61726b2e737667)
![GitHub github](https://camo.githubusercontent.com/e245c978ad271d30dcbfa637b0aad42d3532c5fa467a778e01c2210ed6c5ef81/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6769746875622f6769746875622d6f726967696e616c2e737667)
![GIMP GNU Image Manipulation Program - GIMP](https://camo.githubusercontent.com/5928eda099d97300dd1fe70436e0ce2e85dc2264cefb53b6663c219564f8598f/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f67696d702f67696d702d6f726967696e616c2e737667)
![Linux linux](https://camo.githubusercontent.com/5b2a8527be6ce73521cdb521a1033b92ff7b1860f79585f66ec30ea75ab253e4/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f6c696e75782f6c696e75782d6f726967696e616c2e737667)
Summary
Experienced Software Engineer | Senior Front-End & MERN Stack Developer
Master's in Computer Science | 6+ years of experience in Front-end (HTML, HTML5, CSS/ CSS3, Reactjs) | 3+ in Full Stack
Passionate about pixel-perfect designs, innovative solutions, and new technologies. Proficient in JavaScript, TypeScript, React.js, (React Redux, Redux Toolkit, MobX), Material-UI, Chakra-UI, React-Bootstrap, Tailwind CSS, UI libraries, HTML5, CSS3, Accessibility Standards W3c AAA. On the backend side Node.js, Express.js, MongoDB, GraphQL, SQL. For Design system and documentation, I use Storybook, CMS, Contentful, HubSpot. Web 3.0, Web3.js, Ether.js, Leaflet.js, OpenLayers.js.
Apr 2024 - Present · We are building user-friendly government applications (front-end, back-end) with GIS integration (maps)—experience with end-user & office staff projects.
March 202 - Apr 2024
As a Senior frontend & UI and senior React developer(HTML, CSS, JavaScript Nextjs) at Rapidev, I had the opportunity to work closely with various teams within the organization, including management, the GIS team, the mapping library, as well as the backend and data sciences teams. Through my experiences working with these teams, I gained valuable insight into the overall functioning of the company and its strategic direction. #My primary responsibility as a team lead was to guide my team of developers in the design, development, and deployment of various web-based applications using React. Working closely with the management team, I helped to identify business objectives and translate them into technical requirements that my team could deliver. Through regular communication and collaboration with the GIS team, I gained a deeper understanding of how mapping technologies were being utilized within Rapidev and helped to integrate these technologies into our applications.
Mar 2022 - Mar 2023 (1 year 1 month)
As a front-end developer, I have worked on multiple projects, including the Virtua product and the Virtua Island project. These projects involved creating a metaverse for selling plots and required the use of various technologies such as web3js, ReactJS, smart-contract, and wallet-integration with MetaMask. I closely collaborated with the blockchain team to ensure seamless integration and also worked closely with project managers to deliver successful projects. My experience in using these technologies and working collaboratively with teams makes me a valuable addition to any development team. Hamza Rafique - page 1 Used different styles frameworks and libraries ( Material-UI, Chakara-UI, CSS, react-bootstrap, bootstrap, Tailwind CSS,)
Feb 2020 - Mar 2022 (2 years 2 months)
Project: E-commerce platform by Freedom Mobile based in Canada where Users can select any device according to the purchased plan. Worked as a Fullstack Developer on the frontend and backend side in a Scrum team of 12 developers. Revamped the complete frontend with React.js and Redux-Saga Wrote unit tests of the container components, integrated APIs, managed the application's global state with Redux-Saga, and made technical documentation. Built feature to streamline deployment with CI/CD utilizing Azure DevOps platform. Worked on the backend within APIs by following REST architecture using Node.js with a monolithic approach. Implemented pagination, authentication, cron-job, and authorization on backend. Telus: Telus is a leading telecommunications company in Canada, providing a range of services including internet, phone, and television to consumers and businesses. As part of your work with Telus, you likely collaborated with their development team to build web applications using React and GraphQL. With React and GraphQL, you likely built responsive and interactive web applications that could handle large amounts of data efficiently. CIBC: CIBC is a major financial institution in Canada, offering banking, investment, and other financial services to customers. As part of your work with CIBC, you likely used React and GraphQL to build applications that helped manage customer accounts, transactions, and other financial data. React and GraphQL's flexibility and scalability likely helped you build applications that could handle complex financial transactions and meet CIBC's requirements Friday : for e-commerce and enterprise applications. The Design System includes support for React, Angular and Static Components which are highly reusable for multi-brand experiences. The open-source stack includes Figma Design Kit, Storybook-based documentation of UI components, and code repositories for developer experience
Mar 2018 - Jan 2020 (1 year 11 months)
Assigning tasks to the teammates as well as giving them ideas on how to do that. Giving Reports to the Managing Director of teammates on a daily basis...
M.sc CS, Computer Science, 2017 - 2019
Master of Computer Science | University of Gujrat | Final Year Project: Kissan Market
I am a highly skilled Computer Science professional with a Master's degree from the prestigious University of Gujrat...
Bachelor's degree, Computer Science, 2015 - 2017
I.cs, Computer Science, 2013 - 2015
- Front-end Development
- JavaScript
- React.js
- TypeScript
- Next.js
- HTML
- Cascading Style Sheets (CSS)
- Web3.js
- Figma (Software)
- Node.js