Harshdeep is available for hire
Hire HarshdeepHarshdeep Singh
Verified Expert in Engineering
Full-stack Developer
Vancouver, BC, Canada
Toptal member since May 10, 2022
Bio
Harshdeep, a seasoned full-stack developer with five years of MERN stack experience, excels in development phases, optimizing performance, scalability, and security. He is recognized for problem-solving, delivering high-quality web solutions, and driving business success through exceptional user experiences. He efficiently manages projects with effective communication and collaboration skills, exceeding client expectations.
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 top 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, Data Visualization, D3.js, OAuth, OAuth 2, ChatGPT, ChatGPT API, Dashboards, Highcharts, DevOps, Artificial Intelligence (AI), WebApp
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, Data Visualization, OAuth, OAuth 2, ChatGPT, ChatGPT API, DevOps, WebApp
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, Data Visualization, D3.js, OAuth, OAuth 2, ChatGPT, ChatGPT API, Dashboards, Highcharts, DevOps, WebApp
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, Data Visualization, D3.js, OAuth, OAuth 2, Dashboards, Highcharts, Docker, WebApp
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, Data Visualization, D3.js, OAuth, OAuth 2, Docker, WebApp
Experience
Career Canvas
https://career-canvas.theharshdeepsingh.comCareer Canvas is a dynamic web application transforming career management. It integrates a sophisticated resume builder, an intuitive job search tool powered by LinkedIn, and an innovative cover letter generator (beta) utilizing OpenAI APIs.
Users craft tailored resumes with ease, choose from various templates, and access real-time job listings. The platform's MERN stack foundation ensures scalability and reliability, while future plans aim to enhance features and expand resources for interview prep and career guidance. Career Canvas empowers users to navigate their professional journeys effectively, positioning it as an indispensable tool for career success.
Users craft tailored resumes with ease, choose from various templates, and access real-time job listings. The platform's MERN stack foundation ensures scalability and reliability, while future plans aim to enhance features and expand resources for interview prep and career guidance. Career Canvas empowers users to navigate their professional journeys effectively, positioning it as an indispensable tool for career success.
Unconventional Player
https://unconventional-player.theharshdeepsingh.comThis 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
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
Suite of Apps for a Photography Gallery Webpage
https://pixeliano.theharshdeepsingh.comA 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.
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.
Education
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
Skills
Libraries/APIs
React, Node.js, REST APIs, React Router, React Redux, D3.js, Puppeteer, API Development, Highcharts, Mapbox API, Socket.IO, Vue
Tools
GitHub, Git, Figma, Auth0, NPM, Webpack, Microsoft Power BI, ChatGPT
Languages
JavaScript, CSS, HTML, Sass, ECMAScript (ES6), SQL, TypeScript, HTML5, SCSS, CSS3, GraphQL, C#, Python
Frameworks
Express.js, JSON Web Tokens (JWT), Bootstrap, OAuth 2, WebApp, React Native, Redux, Material UI, Next.js, Tailwind CSS
Paradigms
Agile, UX Design, Agile Software Development, Responsive Web Design (RWD), UI Design, REST, DevOps, Web UI Design
Platforms
Web, Heroku, Amazon Web Services (AWS), Amazon EC2, Shopify, Android, iOS, AWS IoT, Docker
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, OAuth, 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, Data Visualization, Dashboards, 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, Web Scraping, ChatGPT API, Artificial Intelligence (AI), Chakra UI
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