Syed Muhammad Samar Ul Hassan
Verified Expert in Engineering
Full-stack Developer
Lahore, Punjab, 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
Experience
- React - 4 years
- JavaScript - 4 years
- Express.js - 3 years
- Full-stack Development - 3 years
- Node.js - 3 years
- MongoDB - 3 years
- MERN Stack - 3 years
- Next.js - 1 year
Availability
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
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.
Full-stack Developer
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.
Full-stack Developer
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.
JavaScript Developer
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.
MERN Stack Developer
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.
MERN Stack Developer
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.
MERN Stack Developer
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.
Experience
Artex
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
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
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
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
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.
Education
Bachelor's Degree in Computer Science
Government College University - Lahore, Pakistan
Skills
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
Languages
JavaScript, TypeScript, HTML, CSS, HTML5, CSS3, SCSS, Sass, SQL
Frameworks
Express.js, Material UI, Bootstrap, JSON Web Tokens (JWT), Redux, Vanilla JS, Next.js, Tailwind CSS, Jest, NestJS, Ant Design, React Native
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 (SPAs), Charts, API Documentation, Bootstrap 5, Axios, Integration, Responsive Web Apps, UI Libraries, Design, Firebase Hosting, Stripe Payments, VictoryChart, WebSockets, Ethers.js
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring