Syed Muhammad Samar Ul Hassan, Developer in Lahore, Pakistan
Syed is available for hire
Hire Syed

Syed Muhammad Samar Ul Hassan

Verified Expert  in Engineering

Full-stack Developer

Location
Lahore, Pakistan
Toptal Member Since
July 11, 2022

Syed is a JavaScript and MERN developer experienced in building robust and dynamic web applications with thousands of users in various industries such as food delivery, blockchain, and healthcare. Due to their high performance, Syed frequently uses JavaScript technologies like React, Node.js, and Express and NoSQL databases such as MongoDB. Syed implements the best coding workflows and practices in his projects, enabling him to develop fully responsive, scalable, and maintainable applications.

Portfolio

Tkxel
JavaScript, React, Node.js, MongoDB, Postman, Express.js, Material UI...
Inquarter
JavaScript, Full-stack Development, Node.js, CSS, HTML, React, Express.js...
Givedish Company Limited by Guarantee,
Node.js, React, APIs, MongoDB, Stripe API, Stripe, Stripe Connect API...

Experience

Availability

Full-time

Preferred Environment

MacOS, Visual Studio Code (VS Code), React, Express.js, MongoDB, Node.js, Next.js

The most amazing...

...thing I've built is an NFT marketplace using Node.js/React, which enables users to connect their MetaMask wallet and create, sell, purchase, and auction NFTs.

Work Experience

Senior Software Engineer

2022 - PRESENT
Tkxel
  • Worked on the front end of a trading application that deals with data and insights related to trading stocks, options, and forex crypto.
  • Optimized the application by tracking and resolving bugs in the existing features.
  • Added new features to the trading application, which has thousands of users.
Technologies: JavaScript, React, Node.js, MongoDB, Postman, Express.js, Material UI, Bootstrap, TypeScript, NoSQL, HTML, CSS, Visual Studio Code (VS Code), SQL, APIs, REST APIs, JSON Web Tokens (JWT), HTML5, CSS3, API Integration, Asynchronous Programming, Full-stack, Full-stack Development, MERN Stack, Web Development, Git, Front-end, Redux, Front-end Development, Back-end Development, Code Review, React Router, User Interface (UI), Back-end, Styled-components, UI Components, React Components, React Hooks, Data Visualization, Dashboards, Responsive, Front-end Architecture, Mongoose, UI Frameworks, JSX, REST, Responsive UI, Agile, Single-page Applications (SPA), Charts, API Documentation, Jest, MacOS, GitHub, User Experience (UX), JSON, PostgreSQL, Bootstrap 5, Vanilla JS, Chart.js, Databases, Axios, Integration, React Redux, Responsive Web Apps, Redis

Full-stack Developer

2022 - 2023
Inquarter
  • Developed an application for sales companies to manage customers and collaborate with them in real time.
  • Built a collaborative sales platform using the MERN stack (MongoDB, Express, React, Node.js).
  • Implemented app features like multiple user roles such as salespeople, sales companies, managers, and administrators.
Technologies: JavaScript, Full-stack Development, Node.js, CSS, HTML, React, Express.js, MongoDB, Material UI, NoSQL, MacOS, Visual Studio Code (VS Code), APIs, REST APIs, HTML5, CSS3, API Integration, Asynchronous Programming, Full-stack, MERN Stack, Web Development, Git, Front-end, Front-end Development, Back-end Development, React Router, User Interface (UI), Back-end, Architecture, Styled-components, UI Components, GitHub, Startups, React Components, React Hooks, User Experience (UX), Responsive, Front-end Architecture, JSON, Mongoose, JSX, REST, Responsive UI, Agile, Single-page Applications (SPA), Postman, API Documentation, Bootstrap 5, Vanilla JS, Databases, Axios, Integration, Responsive Web Apps

Full-stack Developer

2022 - 2022
Givedish Company Limited by Guarantee,
  • Developed a charity donation application that allows restaurants to donate a monthly amount for meals.
  • Used the MERN stack to develop the application with Node.js, Express.js, and MongoDB for the back end and React for the front end.
  • Applied Stripe Connect as a payment gateway. It made it possible to add a small percentage of each payment to the admin account and send the rest of the amount to the charity account associated with the restaurant.
  • Prepared the application to accommodate two user roles—restaurant and admin. Using conditional rendering in React, screens were rendered conditionally based on those user roles.
Technologies: Node.js, React, APIs, MongoDB, Stripe API, Stripe, Stripe Connect API, Express.js, JavaScript, Material UI, NoSQL, HTML, CSS, MacOS, REST APIs, JSON Web Tokens (JWT), HTML5, CSS3, API Integration, Asynchronous Programming, Full-stack, Full-stack Development, MERN Stack, Web Development, Web App Development, Git, Front-end, Front-end Development, Back-end Development, Code Review, React Router, User Interface (UI), Back-end, Styled-components, Architecture, UI Components, GitHub, Stripe Connect, Startups, React Components, Context API, User Experience (UX), Dashboards, Responsive, Front-end Architecture, JSON, Mongoose, UI Frameworks, JSX, REST, Responsive UI, Agile, Single-page Applications (SPA), Charts, Visual Studio Code (VS Code), React Hooks, Postman, API Documentation, Bootstrap 5, Vanilla JS, Databases, Axios, Integration, Responsive Web Apps

JavaScript Developer

2021 - 2022
Systems Limited
  • Developed the React and React Native-based front end of a blockchain-based web and mobile application that verified student degrees and certificates, increasing app interactivity, user engagement, and satisfaction.
  • Built an NFT marketplace similar to OpenSea. Used React for the front end for quick page loading and Node.js, Express, and MongoDB for the back end to make the APIs faster and more efficient.
  • Created single-page applications (SPA) in React for fast loading times and seamless user experiences.
  • Built the back end of web and mobile applications in Node.js for high performance, cost-effectiveness, and easy scalability.
Technologies: HTML, CSS, JavaScript, jQuery, Bootstrap, Material UI, MongoDB, Express.js, React, Node.js, Next.js, Blockchain, NoSQL, Sass, TypeScript, Front-end, Visual Studio Code (VS Code), APIs, REST APIs, JSON Web Tokens (JWT), HTML5, CSS3, API Integration, Asynchronous Programming, Full-stack, Full-stack Development, MERN Stack, Web Development, Web App Development, Firebase, Git, Adobe Experience Design (XD), Redux, Front-end Development, Back-end Development, Code Review, React Router, User Interface (UI), WebSockets, Socket.IO, Back-end, Tailwind CSS, React Native, Styled-components, Architecture, UI Components, GitHub, React Components, React Hooks, SCSS, Context API, User Experience (UX), Dashboards, Responsive, Front-end Architecture, JSON, Mongoose, UI Frameworks, JSX, Web3.js, Ethers.js, REST, MetaMask, MacOS, Responsive UI, Agile, Single-page Applications (SPA), Charts, Postman, API Documentation, Bootstrap 5, Vanilla JS, Chart.js, Databases, Axios, Integration, React Redux, Responsive Web Apps

MERN Stack Developer

2021 - 2021
LogicFab
  • Developed an admin dashboard UI In React for data visualization and representation. The data belongs to a mobile game in React Native, and VictoryChart was used for the data visualization and representation purposes.
  • Built the back end in Node.js for a React Native application which was used to notify specific people about a person's location in real time for emergency purposes. For real-time connections, Socket.IO was used.
  • Created a UI for a logistics services application in React and integrated the front end with a Node.js-and-Express back end for high performance and quick response times.
Technologies: React, Node.js, API Integration, Asynchronous Programming, CSS3, CSS, Bootstrap, Express.js, Firebase Hosting, Full-stack, Front-end, Full-stack Development, Git, HTML, HTML5, JavaScript, jQuery, JSON Web Tokens (JWT), Material UI, MERN Stack, MongoDB, Next.js, NoSQL, REST APIs, Sass, Visual Studio Code (VS Code), SQL, APIs, Web Development, Web App Development, Firebase Web SDK, Firebase, Adobe Experience Design (XD), Redux, Front-end Development, Back-end Development, Code Review, React Router, VictoryChart, Recharts, Socket.IO, WebSockets, User Interface (UI), Back-end, Tailwind CSS, React Native, Styled-components, Architecture, UI Components, GitHub, Stripe API, Stripe, Stripe Connect, Startups, React Components, React Hooks, SCSS, Context API, User Experience (UX), Data Visualization, Dashboards, Responsive, Front-end Architecture, JSON, Mongoose, UI Frameworks, JSX, REST, Responsive UI, Agile, Single-page Applications (SPA), Charts, Postman, API Documentation, Bootstrap 5, Vanilla JS, Chart.js, Databases, Axios, Integration, React Redux, Responsive Web Apps

MERN Stack Developer

2021 - 2021
Falcon IT Consulting
  • Created REST APIs in Node.js, Express, and MongoDB for complex React Native mobile applications. The APIs were built using Node.js ad Express which provided a fast performance and quick response time.
  • Developed a food ordering application with thousands of users using the MERN stack (MongoDB, Express, React, Node.js). Using this stack made the app performance efficient. Stripe was used as a payment gateway for fast and secured payments.
  • Tracked and resolved bugs in the pre-existing applications and refactored the code to enhance the performance and scalability of the applications.
  • Built complex full-stack JavaScript web applications with back ends using Node.js, Express, and MongoDB for cost-effective and high-performance APIs and front ends in React for seamless user experiences and quick loading times.
Technologies: JavaScript, MongoDB, Express.js, React, Node.js, Bootstrap, Material UI, CSS, HTML, TypeScript, Front-end, jQuery, Next.js, NoSQL, Stripe API, Sass, Visual Studio Code (VS Code), APIs, REST APIs, JSON Web Tokens (JWT), HTML5, CSS3, API Integration, Asynchronous Programming, Full-stack, Full-stack Development, MERN Stack, Web Development, Web App Development, Firebase Hosting, Firebase Web SDK, Git, Adobe Experience Design (XD), Redux, Stripe, Stripe Payments, Front-end Development, Back-end Development, Code Review, React Router, User Interface (UI), WebSockets, Socket.IO, Recharts, VictoryChart, Back-end, Tailwind CSS, Styled-components, Architecture, UI Components, GitHub, Stripe Connect, Startups, React Components, React Hooks, SCSS, Context API, User Experience (UX), Data Visualization, Dashboards, Responsive, Front-end Architecture, JSON, Mongoose, UI Frameworks, JSX, REST, Stripe Connect API, Responsive UI, Agile, Single-page Applications (SPA), Charts, Postman, API Documentation, Bootstrap 5, Vanilla JS, Chart.js, Databases, Axios, Integration, React Redux, Responsive Web Apps

MERN Stack Developer

2019 - 2021
IIFA TECH
  • Developed a portal where an advertising partner can purchase a set amount of registrations (subscriptions) to a product (newsletter) they offer. Once purchased, the advertising partner’s newsletter is promoted throughout the site.
  • Created complex user interfaces for web applications using React for fast page-loading times and a seamless user interface.
  • Built complex REST APIs for mobile and web applications using Node.js due to its high performance and cost-effectiveness.
Technologies: WordPress, HTML, CSS, Bootstrap, JavaScript, jQuery, MongoDB, Express.js, Node.js, React, TypeScript, Front-end, Material UI, NoSQL, Sass, Visual Studio Code (VS Code), APIs, REST APIs, JSON Web Tokens (JWT), HTML5, CSS3, API Integration, Asynchronous Programming, Full-stack, Full-stack Development, MERN Stack, Web Development, Web App Development, Firebase, Git, Adobe Experience Design (XD), Front-end Development, Back-end Development, Code Review, React Router, User Interface (UI), Back-end, Styled-components, Architecture, UI Components, GitHub, Startups, React Components, React Hooks, SCSS, Context API, User Experience (UX), Data Visualization, Dashboards, Responsive, Front-end Architecture, JSON, Mongoose, UI Frameworks, JSX, REST, Stripe Connect API, Responsive UI, Agile, Single-page Applications (SPA), Charts, SQL, Postman, Bootstrap 5, Vanilla JS, Chart.js, Databases, Axios, Integration, React Redux, Responsive Web Apps

Artex

A MERN stack-based web application for portfolio management, exhibition listings, and hiring. The system consists of two types of users. A simple user can build a portfolio and hire another user for some artwork. The second type of user was an admin, for which the admin panel was integrated to manage the application. It also had an exhibition listing so the people could gain awareness and knowledge about the exhibitions being held near them.

I was the lead full-stack developer on this project, and my contributions included designing the application architecture, database and modularising the code to make it more maintainable and scalable.

I delivered the project using the MERN stack (MongoDB, Express, React, and Node.js). I chose React for the front-end development due to its SPA architecture which makes the UI fast and reduces the page-loading time. Express and Node.js were used for creating a back-end server that interacts with the front end via APIs. I used Node.js for the back end and MongoDB as the database because they increase the efficiency and response time of the APIs.

The application was an MVP that serves the needs of the artist community where they can build a portfolio and hire each other for art-related work.

NFT Marketplace

A MERN stack web application integrated with smart Solidity contracts to build an NFT marketplace similar to OpenSea, where users can mint, sell, and auction their artwork in the form of NFTs. The Solidity smart contracts were deployed to the Ethereum blockchain. The project was an MVP/POC and was used to attract investors.

I worked as the lead full-stack developer in a team of four developers and delivered the project using React (front end) and Node.js (back end). I also integrated the smart contracts with the front end using Ethers.js, a library used for interacting with the Ethereum blockchain. Ethers.js was also used to connect to the user's MetaMask wallet.

The primary role I played in the development of this application was integrating the application with the smart contracts deployed on the Ethereum blockchain. I liaised with the blockchain developers in my team to build this great innovative product.

Tilt Food Ordering Application

The application was built using the MERN stack (MongoDB, Express.js, React, and Node.js) with three user types in mind: restaurants, delivery persons, and the person ordering food. The restaurant creates and maintains the menu items an ordinary user can order, and the delivery person is in charge of delivering the food to the user.

My role was the lead full-stack developer, and I delivered the project using React for the front end, Node.js and Express.js for the back end, and MongoDB as the database. To make the application more structured and efficient on the front end, I created custom reusable components in React and used the best coding methodologies to develop APIs on the back end for quick response times.

I liaised with the mobile application development team consisting of six developers for the integration of APIs that I developed using Node.js and Express. The mobile application was developed using React Native.

Halal Catering

A MERN-based web application built for finding nearby catering service providers. Caterers can maintain their profile and set the radius in which they can provide services and manage their menu items so the users can view and select caterers accordingly.

I worked as a solo full-stack developer and delivered the project using the MERN stack (MongoDB, Express, React, Node.js). I designed the database for this application and used modularisation to keep the application maintainable and scalable. I used React Leaflet on the front end to implement the maps and the Google Places API for location searches.

I also developed a feature in the application where users could leave reviews for the caterers. The user and the restaurant could both select the radius within which they want to receive or provide catering services. The user side had a feature to search caterers based on various filters.

The main usage of this application was to find halal catering services near the user and provide all the service provider information in one place.

Healthcare Services App

A healthcare app that is used by consumers to search for healthcare centers and facilities nearby.

I was the front-end developer who developed all the screens for this application using Adobe XD Design. I also liaised with the back-end developer for the integration of the application.
2017 - 2021

Bachelor's Degree in Computer Science

Government College University - Lahore, Pakistan

Libraries/APIs

React, Node.js, jQuery, Stripe API, REST APIs, Stripe, React Router, Stripe Connect, Context API, Chart.js, Firebase Web SDK, Recharts, Socket.IO, Google Places API, Google Location API, Google Geocoding API, Leaflet, React Redux, Web3.js, Stripe Connect API

Tools

GitHub, Mongoose, JSX, Git, Adobe Experience Design (XD), Auth0, MetaMask, Postman

Frameworks

Express.js, Material UI, Bootstrap, JSON Web Tokens (JWT), Redux, Vanilla JS, Next.js, Tailwind CSS, Jest, React Native

Languages

JavaScript, TypeScript, HTML, CSS, HTML5, CSS3, SCSS, Sass, SQL

Paradigms

Asynchronous Programming, Responsive, REST, Agile

Storage

MongoDB, NoSQL, JSON, Databases, MySQL, Oracle SQL, PostgreSQL, Redis

Platforms

Firebase, Blockchain, WordPress, MacOS, Visual Studio Code (VS Code)

Other

APIs, API Integration, Full-stack, Full-stack Development, MERN Stack, Web Development, Web App Development, Front-end, Front-end Development, Back-end Development, Code Review, User Interface (UI), Back-end, Styled-components, Architecture, UI Components, Startups, React Components, React Hooks, User Experience (UX), Data Visualization, Dashboards, Front-end Architecture, UI Frameworks, Responsive UI, Single-page Applications (SPA), Charts, API Documentation, Bootstrap 5, Axios, Integration, Responsive Web Apps, Firebase Hosting, Stripe Payments, VictoryChart, WebSockets, Ethers.js

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring