Harshdeep Singh, Developer in Vancouver, BC, Canada
Harshdeep is available for hire
Hire Harshdeep

Harshdeep Singh

Verified Expert  in Engineering

Full-stack Developer

Location
Vancouver, BC, Canada
Toptal Member Since
May 10, 2022

Harshdeep is a software developer passionate about MERN stack web apps. He has over two years of experience developing web pages in React and one year dedicated to using Express for API development. Harshdeep is a team-oriented professional with strong leadership skills and proven expertise in recruitment and mentoring processes for the projects he took part in.

Portfolio

Grown Unknown, LLC
React, Node.js, APIs, MongoDB, Amazon Web Services (AWS), Amazon EC2...
WorkRamp, Inc.
JavaScript, Web Accessibility, React, TypeScript...
Aqueous Asset Inc.
React, APIs, Node.js, MongoDB, JavaScript, PDF, Puppeteer...

Experience

Availability

Part-time

Preferred Environment

MacOS, Linux, WebStorm, Visual Studio Code (VS Code), Front-end, GitHub, NoSQL, Git

The most amazing...

...product I've worked on is the eCommerce website for Tokopedia, the topmost eCommerce organization in Indonesia.

Work Experience

Full-stack Engineer

2023 - 2023
Grown Unknown, LLC
  • Successfully integrated OpenAI API for user content creation, to enhance astrology content creation within the platform, contributing to a more engaging user experience.
  • Led the development of eCommerce solutions for clients, incorporating CRM management through Shopify to streamline business operations and enhance customer interactions.
  • Orchestrated email campaign automation using Klaviyo, resulting in improved communication strategies for both new and existing users.
  • Engineered intricate multi-layered relationships among platform users, implementing a Family-like relations system to foster stronger user connections.
  • Spearheaded the end-to-end development of a comprehensive platform, drawing inspiration from Figma for design and utilizing Express and MongoDB on the back end for robust business logic implementation and efficient database management.
Technologies: React, Node.js, APIs, MongoDB, Amazon Web Services (AWS), Amazon EC2, OpenAI GPT-4 API, Amazon S3 (AWS S3), Shopify, Bootstrap, Sass, ECMAScript (ES6), Back-end Development, CSS3, JSON/XML Schemas, OpenAI, NPM, Webpack

React Developer

2023 - 2023
WorkRamp, Inc.
  • Enhanced product accessibility by implementing Accessible Rich Internet Applications (ARIA) rules, ensuring compliance with accessibility standards, and improving user experience.
  • Significantly improved the accessibility score of the product, elevating it from approximately 30% to an impressive 95%, demonstrating a commitment to inclusivity and user-friendly design.
  • Optimized some systems in the product to be more organized and be more reusable all across.
  • Implemented optimization strategies for various systems within the product, resulting in increased organization and reusability across the project, streamlining development processes and promoting efficiency.
Technologies: JavaScript, Web Accessibility, React, TypeScript, Learning Management Systems (LMS), HTML, Web Development, Auth0, NoSQL, Git, Design, Web Design, Websites, UX Design, Front-end Architecture, Web, Material UI, Bootstrap, Sass, ECMAScript (ES6), Back-end Development, CSS3, JSON/XML Schemas, NPM, Webpack

Senior Full-stack Developer | React and Node.js

2022 - 2022
Aqueous Asset Inc.
  • Pioneered the development of a novel system for creating offering memorandums tailored specifically for US properties, introducing a comprehensive and efficient solution to address specific business needs.
  • Expanded the functionality of the existing system through strategic abstraction, enhancing its capabilities and ensuring scalability to meet evolving business requirements.
  • Spearheaded a code revamp initiative, significantly improving code reusability and readability, resulting in a more maintainable and streamlined codebase for enhanced collaboration and future development efforts.
Technologies: React, APIs, Node.js, MongoDB, JavaScript, PDF, Puppeteer, Minimum Viable Product (MVP), Full-stack, Front-end, Figma, Animation, GitHub, Startups, REST APIs, API Development, Full-stack Development, Third-party APIs, Team Leadership, JSON Web Tokens (JWT), React Redux, JSON, API Integration, Back-end, Front-end Development, Web Development, Google Analytics 4, Auth0, NoSQL, Git, Design, Web Design, Websites, UX Design, Front-end Architecture, Web, Leadership, Material UI, Bootstrap, Sass, ECMAScript (ES6), Back-end Development, CSS3, JSON/XML Schemas, NPM, Webpack

Software Engineer

2021 - 2021
Tokopedia
  • Charged with maintaining the front-end design part in React for multiple eCommerce platform services.
  • Achieved a 30% increase in test case coverage, 50% in statement coverage, and 40% in branch coverage for existing components, enhancing application reliability.
  • Directed the hiring process, conducting 30+ interviews to attract high-caliber professionals and uphold organizational standards.
  • Mentored new team members, facilitating a smooth transition from academia to industry and contributing to their professional development.
Technologies: React, Express.js, JavaScript, TypeScript, HTML5, CSS, APIs, Redux, SCSS, REST APIs, HTML, MySQL, Responsive Web Design (RWD), Web UI Design, User Interface (UI), User Experience (UX), React Router, UI Design, MERN Stack, REST, Full-stack, Front-end, Figma, Animation, GitHub, Startups, eCommerce, API Development, Full-stack Development, Third-party APIs, JSON Web Tokens (JWT), React Redux, JSON, API Integration, Back-end, Front-end Development, Web Development, Google Analytics 4, Auth0, NoSQL, Git, CI/CD Pipelines, Design, Web Design, Websites, UX Design, Mobile First, Google+ Authentication, Web App UX, Front-end Architecture, Web, Leadership, PWA, Mobile Video, Material UI, Bootstrap, Sass, ECMAScript (ES6), Back-end Development, JSON/XML Schemas, NPM, Webpack

Software Engineer

2019 - 2021
TO THE NEW Pvt. Ltd.
  • Adhered to best practices and coding standards to develop high-quality software solutions using programming languages.
  • Designed, developed, and deployed software to meet business needs.
  • Outlined specifications and performance requirements, working with the quality assurance team to thoroughly test all variables.
  • Built responsive and user-friendly interfaces, integrated APIs, and implemented server-side functionalities to deliver robust web applications.
  • Mentored junior developers on query tuning and best practices to maximize database performance.
Technologies: JavaScript, Node.js, Express.js, React, MongoDB, SQL, HTML5, CSS, APIs, Redux, SCSS, REST APIs, HTML, Responsive Web Design (RWD), Web UI Design, User Interface (UI), User Experience (UX), React Router, UI Design, MERN Stack, REST, Full-stack, Front-end, Figma, Animation, API Documentation, GitHub, Startups, API Development, Full-stack Development, Third-party APIs, Team Leadership, JSON Web Tokens (JWT), React Redux, JSON, API Integration, Webhooks, Back-end, Front-end Development, Styled-components, Web Development, Socket.IO, Auth0, NoSQL, Git, Design, Web Design, Websites, UX Design, Mobile First, Google+ Authentication, Web App UX, Front-end Architecture, Web, Leadership, PWA, Mobile Video, Material UI, Bootstrap, Sass, Vue, ECMAScript (ES6), Back-end Development, JSON/XML Schemas, NPM, Webpack

Suite of Apps for a Photography Gallery Webpage

https://pixeliano.theharshdeepsingh.com
A MERN stack-based solution I've worked on as a hobby. I love photography and videography and wanted an elegant solution to manage various social media accounts and my gallery website.

I created a React webpage to display all the images stored in Cloudinary using Express.js in the back end. To complement the webpage, I built a React Native app for the administrative side of the solution. Using the app, I uploaded media to Cloudinary via the Express.js back end, enabling the uploaded media to be automatically displayed on all social media accounts and my client webpage.

Unconventional Player

https://unconventional-player.theharshdeepsingh.com
This is an unconventional music player that uses mouse clicks and gestures to control music. One click anywhere on the screen will play or pause the music, and a long click will seek back the music given a number of seconds.

This was developed on the MERN stack using Cloudinary as a shared cloud space to store audio files.

USE CASES
• Musicians who are learning to play instruments can benefit from this using a footpad as a mouse.
• With some modifications, it could be useful for a better accessibility music player

Languages

JavaScript, CSS, HTML, Sass, ECMAScript (ES6), SQL, TypeScript, HTML5, SCSS, CSS3, GraphQL, C#

Frameworks

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

Libraries/APIs

React, Node.js, REST APIs, React Router, React Redux, Puppeteer, API Development, Mapbox API, Socket.IO, Vue

Tools

GitHub, Git, Figma, Auth0, NPM, Webpack, Microsoft Power BI

Paradigms

Agile, UX Design, Agile Software Development, Responsive Web Design (RWD), UI Design, REST, Web UI Design

Platforms

Web, Heroku, Amazon Web Services (AWS), Amazon EC2, Shopify, Android, iOS

Storage

MongoDB, JSON, JSON/XML Schemas, MySQL, NoSQL, Amazon S3 (AWS S3)

Industry Expertise

Web Design

Other

Web Development, APIs, Back-end Development, Front-end, Front-end Development, Back-end, Web Accessibility, Design, Websites, Mobile First, PWA, Technical Hiring, User Interface (UI), User Experience (UX), MERN Stack, Full-stack, Animation, Startups, Full-stack Development, Third-party APIs, API Integration, Styled-components, Google Analytics 4, Google+ Authentication, Front-end Architecture, Leadership, Mobile Video, Cloudinary, Software Deployment, PDF, Minimum Viable Product (MVP), API Documentation, eCommerce, Team Leadership, Webhooks, Learning Management Systems (LMS), CI/CD Pipelines, Web App UX, OpenAI GPT-4 API, Data Scraping, Software Development, RESTful Web Services, OpenAI

2022 - 2024

Post-Baccalaureate Diploma in Data Analytics

Douglas College - New Westminster, BC, Canada

2015 - 2019

Bachelor of Technology Degree in Computer Science

Guru Gobind Singh Indraprastha University - Delhi, India

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