HTML & CSS
HTML & CSS is used for structuring & styling the webpage respectively. HTML is the foundation layer whereas CSS is the Presentation layer of a web page.
All (Full Stack)
Sass/SCSS
Sass is a preprocessor that get's compliled into CSS. Sass/SCSS provides mechanisms like variables, nesting, mixins, and selector inheritance.
JavaScript/JSX
JavaScript is a high level language, often just-in-time complied, multi paradigm, has prototype-based object-orientation and first-class functions.
TypeScript/TSX
TypeScript (by Microsoft) is a strict syntactical superset of JavaScript and is specifically designed for the development of large applications.
Vue.js
Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications.
Nuxt.js (Vue)
Nuxt.js is an open source web application framework based on Vue.js, Node.js, Webpack and Babel.js. Nuxt is inspired by Next.js (React.js).
React.js
React.js (by Facebook) is an open-source front-end JavaScript library for building user interfaces or UI components. React popularized Virtual DOM.
Next.js (React)
Next.js is an open-source, React based web framework that enables functionality such as server-side rendering and static site generation.
Vuex
Vuex is a state management pattern + library for Vue.js apps and serves as a centralized store for all the components in an application.
Vue Composition API
Composition API is the new Main Feature in Vue 3. It provides a new way to write and organize your components in a reusable & readable way.
Redux
Redux is an open-source JavaScript library for managing application state and is commonly used with React for building user interfaces.
React Hooks & Context API
Hooks are functions that lets you "hook into" React state & lifecycle features. Context API is used to avoid prop-drilling in your apps.
Vercel SWR
React Hooks library for data fetching, first returns cache (stale) data, then sends fetch (revalidate) request, finally updates with up-to-date data.
Vue Apollo Client
Vue Library that integrates Apollo GraphQL Server in your Vue components with declarative queries. Similar in purpose to React Apollo Client.
React Apollo Client
State management library to manage both local & remote data with GraphQL. Fetch, cache, & modify the data, all while automatically updating your UI.
GraphQL Request Client
Minimal GraphQL client supporting Node and browsers for scripts or simple apps. It is a Promise-based API (works with async / await).
Tailwind CSS
A utility-first CSS framework to rapidly build modern websites directly in your markup. “Best practices” don’t actually work.
Bootstrap CSS
Quickly design and customize responsive mobile-first websites with Bootstrap, the world’s most popular front-end open source toolkit.
Vuetify
Vuetify is a a complete UI framework built on top of Vue.js with hundreds of carefully and beautifully handcrafted Material Components.
Material UI React
Material-UI is a React UI framework. Build your own design system, or start with Material Design for faster and easier web development.
Zurb Foundation
Foundation is a responsive front-end framework for Web Development. It provides responsive grid, UI components, templates, and code snippets.
Semantic UI
Semantic UI is a web development framework. It’s designed completely with em to create beautiful, responsive layouts with breeze.
Bulma CSS
Bulma is an open source CSS framework and provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.
Chakra UI
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Animate CSS
Animate.css is a library for cross-browser animations. Great for attention-guiding. This very website also uses this library extensively.
Styled Components
Styled Components lets you write actual CSS in your JavaScript. Style your apps without stress by using best bits of ES6 and CSS.
Emotion
Emotion is a library designed for writing css styles with JavaScript. It provides powerful, predictable style composition along with great DX.
Ant Design
Enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises.
Node.js
Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that executes JavaScript outside a web browser.
Express.js
Express is a minimal and flexible Node.js web application framework that provides a robust set of features for APIs of web and mobile apps.
Nest.js (Node)
Nest.js is a framework for building efficient, scalable Node.js server-side applications. It's architecture is heavily inspired by Angular.
Next.js API Routes
API Routes allow you to have a functionality to build your API without leaving your Next.js app. Serverless Functions inside.
REST API
REST API is an application programming interface for interaction with RESTful web services to retrieve information or perform a function.
GraphQL API
GraphQL is a query language for the APIs that gives clients exactly the data they request to make it fast, flexible, and developer-friendly.
JSON Web Tokens (JWT)
JWT is a self-contained way for securely transmitting information (digitally signed, verified and trusted) between parties as a JSON object.
Next Auth
NextAuth.js is a complete open source authentication solution for Next.js applications. It is Designed to work with any OAuth service.
Apollo GraphQL Server
Apollo Server is an open-source, spec-compliant GraphQL server that's compatible with any GraphQL client, including Apollo Client.
Nodemailer
Nodemailer is a module for Node.js apps for easy email sending. It is Heavily focussed on security and is a zero dependencies module.
Bcrypt.js
Bcrypt.js is an adaptive password-hashing function, resistant to brute-force search attacks even with increasing computation power.
Argon2
Argon2 is a key derivation function that maximizes resistance to GPU cracking attacks, optimized to resist side-channel attacks, etc.
Sequelize ORM
Sequelize is a promise-based Node.js Object Relational Mapping (ORM) tool for Postgres, MySQL, MariaDB, SQLite and Microsoft SQL Server.
TypeORM
An ORM that runs in NodeJS, Browser, Ionic, React Native, NativeScript, Electron, etc. It can be used with both TypeScript and JavaScript.
Prisma ORM
Next-generation Node.js and TypeScript ORM. Prisma helps developers build faster with an open source ORM for PostgreSQL, MySQL and SQLite.
Mongoose ODM
Mongoose provides schema-based modelling of data. Includes built-in type casting, validation, query building, business logic hooks, etc.
PostgreSQL
PostgreSQL (aka Postgres) is an open-source relational database management system emphasizing extensibility and SQL compliance.
MySQL
MySQL is a relational database management system based on SQL, a language popular for accessing and managing the records in the database.
Amazon RDS/Aurora
MySQL and PostgreSQL-compatible RDBMS built for the cloud. Performance and availability of commercial-grade databases at 1/10th the cost.
Amazon DynamoDB & DAX
DynamoDB is a fully managed NoSQL DB that supports key–value & document data structures. DAX is a highly available, in-memory cache for DynamoDB.
MongoDB & MongoDB Atlas
MongoDB is a source-available cross-platform document-oriented database. MongoDB Atlas is a global cloud database service for modern apps.
AWS DocumentDB
Amazon DocumentDB is a fully managed NoSQL DB that supports document data structures and has limited support for MongoDB workloads up to v3.6.
FaunaDB
FaunaDB is a global serverless database that gives you ubiquitous, low latency access to app data, without sacrificing data correctness.
Redis/Amazon Elasticache
Redis is a widely adopted in-memory data store. Amazon ElastiCache for Redis is a Redis-compatible in-memory data store service.
Strapi CMS
Strapi is an open-source next-gen headless CMS, enabling content-rich experiences to be created, managed and exposed to any digital device.
GraphCMS
GraphCMS is the API-first Headless CMS to rapidly Deliver Digital Content at Scale and build digital experiences the way you envisioned them.
Contentful CMS
More than a headless CMS, Contentful is the API-first content management platform to create, manage and publish content on any digital channel.
TinaCMS Realtime Editing
Open-source editing UI designed for the Jamstack. Write to any backend and build a real-time editing solution within your React site.
Vercel CI/CD
Vercel a platform to deploy any frontend app, combines the Developer Experience (DX) with an obsessive focus on end-user performance.
Netlify CI/CD
Netlify makes CI/CD, deployment and scaled hosting a commodity and helps enterprises focus on creating great dynamic consumer experiences.
Digital Ocean
The Developer Cloud, helping millions of developers easily build, test, manage, and scale applications of any size, faster than ever before.
Amazon AWS Cloud
Amazon Web Services (AWS) offers reliable, scalable, broadly adopted cloud platform, and inexpensive cloud computing services.
Docker
Docker is a set of PaaS products that use OS-level virtualization to deliver software in packages called containers which are isolated from one another.
Dokku
Dokku, Powered by Docker is a smallest PaaS implementation that helps you build and manage the lifecycle of applications.
Docker Compose
Docker Compose is a tool for defining and running multi-container Docker apps by using a YAML file to configure your application’s services.
Docker Swarm
Docker swarm is a container orchestration tool, and allows the user to manage multiple containers deployed across multiple host machines.
Amazon S3
Amazon S3 is a service that provides object storage through a web service interface. Amazon.com uses the same scalable storage infrastructure.
Amazon Glacier
Amazon Glacier and Glacier Deep Archive are secure, durable, and extremely low-cost S3 cloud storage for data archiving and long-term backup.
Amazon Cloudfront
Amazon CloudFront is a CDN that provides a globally-distributed network of proxy servers to cache content locally to the end user.
Serverless Framework
Serverless app can range from couple of lambda functions for a simple task to an entire back-end composed of hundreds of lambda functions.
AWS Lambda
A serverless compute service to run code without provisioning servers, creating workload-aware scaling logic, or managing events/runtimes.
Amazon Cloudwatch
Amazon CloudWatch is a monitoring and observability service that provides you with data and actionable insights to monitor your applications.
Amazon SES
Amazon SES is a cost-effective, flexible, and scalable email service that enables developers to send mail from within any application.
Amazon SQS
Amazon SQS is a fully managed message queuing service to decouple and scale microservices, distributed systems, and serverless applications.
Amazon API Gateway
Amazon API Gateway is a fully managed service for developers to create, publish, maintain, monitor, and secure APIs at any scale.
AWS Amplify
AWS Amplify is a set of tools/services to be used together or on their own, to help front-end web & mobile developers build scalable Full Stack Apps.
AWS AppSync
AWS AppSync is a fully managed service to develop GraphQL APIs by handling connection to data sources like AWS DynamoDB, Lambda, and more.
Amazon Cognito
Amazon Cognito lets you add user sign-up, sign-in, and sign-in with social identity providers, such as Apple, Facebook, Google, and Amazon.
HTML & CSS
HTML & CSS is used for structuring & styling the webpage respectively. HTML is the foundation layer whereas CSS is the Presentation layer of a web page.
Sass/SCSS
Sass is a preprocessor that get's compliled into CSS. Sass/SCSS provides mechanisms like variables, nesting, mixins, and selector inheritance.
JavaScript/JSX
JavaScript is a high level language, often just-in-time complied, multi paradigm, has prototype-based object-orientation and first-class functions.
TypeScript/TSX
TypeScript (by Microsoft) is a strict syntactical superset of JavaScript and is specifically designed for the development of large applications.
Vue.js
Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications.
Nuxt.js (Vue)
Nuxt.js is an open source web application framework based on Vue.js, Node.js, Webpack and Babel.js. Nuxt is inspired by Next.js (React.js).
React.js
React.js (by Facebook) is an open-source front-end JavaScript library for building user interfaces or UI components. React popularized Virtual DOM.
Next.js (React)
Next.js is an open-source, React based web framework that enables functionality such as server-side rendering and static site generation.
Vuex
Vuex is a state management pattern + library for Vue.js apps and serves as a centralized store for all the components in an application.
Vue Composition API
Composition API is the new Main Feature in Vue 3. It provides a new way to write and organize your components in a reusable & readable way.
Redux
Redux is an open-source JavaScript library for managing application state and is commonly used with React for building user interfaces.
React Hooks & Context API
Hooks are functions that lets you "hook into" React state & lifecycle features. Context API is used to avoid prop-drilling in your apps.
Vercel SWR
React Hooks library for data fetching, first returns cache (stale) data, then sends fetch (revalidate) request, finally updates with up-to-date data.
Vue Apollo Client
Vue Library that integrates Apollo GraphQL Server in your Vue components with declarative queries. Similar in purpose to React Apollo Client.
React Apollo Client
State management library to manage both local & remote data with GraphQL. Fetch, cache, & modify the data, all while automatically updating your UI.
GraphQL Request Client
Minimal GraphQL client supporting Node and browsers for scripts or simple apps. It is a Promise-based API (works with async / await).
Tailwind CSS
A utility-first CSS framework to rapidly build modern websites directly in your markup. “Best practices” don’t actually work.
Bootstrap CSS
Quickly design and customize responsive mobile-first websites with Bootstrap, the world’s most popular front-end open source toolkit.
Vuetify
Vuetify is a a complete UI framework built on top of Vue.js with hundreds of carefully and beautifully handcrafted Material Components.
Material UI React
Material-UI is a React UI framework. Build your own design system, or start with Material Design for faster and easier web development.
Zurb Foundation
Foundation is a responsive front-end framework for Web Development. It provides responsive grid, UI components, templates, and code snippets.
Semantic UI
Semantic UI is a web development framework. It’s designed completely with em to create beautiful, responsive layouts with breeze.
Bulma CSS
Bulma is an open source CSS framework and provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.
Chakra UI
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Animate CSS
Animate.css is a library for cross-browser animations. Great for attention-guiding. This very website also uses this library extensively.
Styled Components
Styled Components lets you write actual CSS in your JavaScript. Style your apps without stress by using best bits of ES6 and CSS.
Emotion
Emotion is a library designed for writing css styles with JavaScript. It provides powerful, predictable style composition along with great DX.
Ant Design
Enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises.
Node.js
Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that executes JavaScript outside a web browser.
Express.js
Express is a minimal and flexible Node.js web application framework that provides a robust set of features for APIs of web and mobile apps.
Nest.js (Node)
Nest.js is a framework for building efficient, scalable Node.js server-side applications. It's architecture is heavily inspired by Angular.
Next.js API Routes
API Routes allow you to have a functionality to build your API without leaving your Next.js app. Serverless Functions inside.
REST API
REST API is an application programming interface for interaction with RESTful web services to retrieve information or perform a function.
GraphQL API
GraphQL is a query language for the APIs that gives clients exactly the data they request to make it fast, flexible, and developer-friendly.
JSON Web Tokens (JWT)
JWT is a self-contained way for securely transmitting information (digitally signed, verified and trusted) between parties as a JSON object.
Next Auth
NextAuth.js is a complete open source authentication solution for Next.js applications. It is Designed to work with any OAuth service.
Apollo GraphQL Server
Apollo Server is an open-source, spec-compliant GraphQL server that's compatible with any GraphQL client, including Apollo Client.
Nodemailer
Nodemailer is a module for Node.js apps for easy email sending. It is Heavily focussed on security and is a zero dependencies module.
Bcrypt.js
Bcrypt.js is an adaptive password-hashing function, resistant to brute-force search attacks even with increasing computation power.
Argon2
Argon2 is a key derivation function that maximizes resistance to GPU cracking attacks, optimized to resist side-channel attacks, etc.
Sequelize ORM
Sequelize is a promise-based Node.js Object Relational Mapping (ORM) tool for Postgres, MySQL, MariaDB, SQLite and Microsoft SQL Server.
TypeORM
An ORM that runs in NodeJS, Browser, Ionic, React Native, NativeScript, Electron, etc. It can be used with both TypeScript and JavaScript.
Prisma ORM
Next-generation Node.js and TypeScript ORM. Prisma helps developers build faster with an open source ORM for PostgreSQL, MySQL and SQLite.
Mongoose ODM
Mongoose provides schema-based modelling of data. Includes built-in type casting, validation, query building, business logic hooks, etc.
PostgreSQL
PostgreSQL (aka Postgres) is an open-source relational database management system emphasizing extensibility and SQL compliance.
MySQL
MySQL is a relational database management system based on SQL, a language popular for accessing and managing the records in the database.
Amazon RDS/Aurora
MySQL and PostgreSQL-compatible RDBMS built for the cloud. Performance and availability of commercial-grade databases at 1/10th the cost.
Amazon DynamoDB & DAX
DynamoDB is a fully managed NoSQL DB that supports key–value & document data structures. DAX is a highly available, in-memory cache for DynamoDB.
MongoDB & MongoDB Atlas
MongoDB is a source-available cross-platform document-oriented database. MongoDB Atlas is a global cloud database service for modern apps.
AWS DocumentDB
Amazon DocumentDB is a fully managed NoSQL DB that supports document data structures and has limited support for MongoDB workloads up to v3.6.
FaunaDB
FaunaDB is a global serverless database that gives you ubiquitous, low latency access to app data, without sacrificing data correctness.
Redis/Amazon Elasticache
Redis is a widely adopted in-memory data store. Amazon ElastiCache for Redis is a Redis-compatible in-memory data store service.
Strapi CMS
Strapi is an open-source next-gen headless CMS, enabling content-rich experiences to be created, managed and exposed to any digital device.
GraphCMS
GraphCMS is the API-first Headless CMS to rapidly Deliver Digital Content at Scale and build digital experiences the way you envisioned them.
Contentful CMS
More than a headless CMS, Contentful is the API-first content management platform to create, manage and publish content on any digital channel.
TinaCMS Realtime Editing
Open-source editing UI designed for the Jamstack. Write to any backend and build a real-time editing solution within your React site.
Vercel CI/CD
Vercel a platform to deploy any frontend app, combines the Developer Experience (DX) with an obsessive focus on end-user performance.
Netlify CI/CD
Netlify makes CI/CD, deployment and scaled hosting a commodity and helps enterprises focus on creating great dynamic consumer experiences.
Digital Ocean
The Developer Cloud, helping millions of developers easily build, test, manage, and scale applications of any size, faster than ever before.
Amazon AWS Cloud
Amazon Web Services (AWS) offers reliable, scalable, broadly adopted cloud platform, and inexpensive cloud computing services.
Docker
Docker is a set of PaaS products that use OS-level virtualization to deliver software in packages called containers which are isolated from one another.
Dokku
Dokku, Powered by Docker is a smallest PaaS implementation that helps you build and manage the lifecycle of applications.
Docker Compose
Docker Compose is a tool for defining and running multi-container Docker apps by using a YAML file to configure your application’s services.
Docker Swarm
Docker swarm is a container orchestration tool, and allows the user to manage multiple containers deployed across multiple host machines.
Amazon S3
Amazon S3 is a service that provides object storage through a web service interface. Amazon.com uses the same scalable storage infrastructure.
Amazon Glacier
Amazon Glacier and Glacier Deep Archive are secure, durable, and extremely low-cost S3 cloud storage for data archiving and long-term backup.
Amazon Cloudfront
Amazon CloudFront is a CDN that provides a globally-distributed network of proxy servers to cache content locally to the end user.
Serverless Framework
Serverless app can range from couple of lambda functions for a simple task to an entire back-end composed of hundreds of lambda functions.
AWS Lambda
A serverless compute service to run code without provisioning servers, creating workload-aware scaling logic, or managing events/runtimes.
Amazon Cloudwatch
Amazon CloudWatch is a monitoring and observability service that provides you with data and actionable insights to monitor your applications.
Amazon SES
Amazon SES is a cost-effective, flexible, and scalable email service that enables developers to send mail from within any application.
Amazon SQS
Amazon SQS is a fully managed message queuing service to decouple and scale microservices, distributed systems, and serverless applications.
Amazon API Gateway
Amazon API Gateway is a fully managed service for developers to create, publish, maintain, monitor, and secure APIs at any scale.
AWS Amplify
AWS Amplify is a set of tools/services to be used together or on their own, to help front-end web & mobile developers build scalable Full Stack Apps.
AWS AppSync
AWS AppSync is a fully managed service to develop GraphQL APIs by handling connection to data sources like AWS DynamoDB, Lambda, and more.
Amazon Cognito
Amazon Cognito lets you add user sign-up, sign-in, and sign-in with social identity providers, such as Apple, Facebook, Google, and Amazon.
My Upcoming Stack!
I would be more then happy to even get the challenges where I hardly know anything, but the Specific areas where I have played a good bit and are my upcoming skills are listed below.
Kubernetes
Kubernetes (K8s) is a container-orchestration system for automating computer application deployment, scaling, and management.
Python
Python is an interpreted high-level language. It’s design philosophy emphasizes code readability with its notable use of significant indentation.
Java
Java is a high-level, class-based, object-oriented programming language that is designed to have as few implementation dependencies as possible.
Spring Framework
Spring Framework is an application framework and inversion of control container for the Java platform. The framework's core features can be used by any Java application.
Software Tooling!
A software or a programming tool is a set of computer programs that are used by the developers to create, maintain, debug, or support other applications and programs. Here listed below are the Software Tools that I use day in day out in my daily coding life.
Microsoft Visual Studio Code
VS Code is a source-code editor. It includes support for debugging, intelligent code completion, code snippets, embedded Git, etc.
MySQL Workbench
MySQL Workbench is a visual database design tool for SQL development, administration, etc into a single integrated development environment.
PostgreSQL pgAdmin
PostgreSQL pgAdmin is the administration and development platform for PostgreSQL. Similar in purpose to MySQL Workbench
Studio 3T (MongoDB)
Studio 3T is the professional IDE, client, and GUI for MongoDB. It includes features like Visual Query Builder, IntelliShell, SQL Query, etc.
Postman API Client
API Client for REST, SOAP, & GraphQL Queries. Define complex requests, Inspect Responses, etc and Get up and running in seconds.
Thunder Client (VSCode)
Thunder Client is a lightweight Rest & GraphQL API Client Extension for Visual Studio Code with simple and clean design.
GraphiQL Client
GraphiQL is the official GraphQL IDE and is used for querying GraphQL data from a GraphQL Server. Very useful for building Full Stack Apps.
GraphQL Playground
GraphQL Playground is a graphical, interactive, in-browser GraphQL IDE, created by Prisma and is based on GraphiQL.
Git
Git is a distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
GitKraken
GitKraken GUI is a cross-platform client for Windows, Mac, & Linux, simplifying complicated Git commands into drag-and-drop actions.
GitHub
Code Hosting for software developers, GitHub offers Git’s distributed version control and source code management, plus its own features.
GitLab
GitLab is a web-based DevOps lifecycle tool that provides a Git-repo manager providing continuous integration and deployment pipeline features.
completed/gained Cloud Computing Courses, Certificates & Digital Badges at Amazon Web Services (AWS).
completed Web Development Courses at Udemy.
completed Web Development Courses at Frontend Masters.
completed Vue.js Development Courses at Vue Mastery.
completed Cloud Computing Courses at A Cloud Guru.
completed Web Development Courses at Pluralsight.
Testimonials
Harry is a motivated developer who focuses on completing any work that gets assigned to him, totally invested and dedicated to the project at hand. I had a great time coordinating with him due to his detailed reports and positive attitude. It never was a problem for him to communicate through Slack or via a call to define or solve any issues, even if that meant working outside his working hours due to the workload or timezone differences. Continuously finishing courses related to the field he's working on and other interesting/new technologies/frameworks, he was fast to share with the team any interesting tech-news that were related to our stack or project.
