All (Full Stack)

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 (Material Design)

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.

Rebass.js / Reflexbox

React primitive UI components library built with Styled System. The Box & Flex components are also available in standalone Reflexbox package.

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 (Material Design)

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.

Rebass.js / Reflexbox

React primitive UI components library built with Styled System. The Box & Flex components are also available in standalone Reflexbox package.

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.

Firebase/Google Cloud

Firebase is Google’s app platform for developing high-quality apps. Google Cloud Platform is a suite of cloud computing services.

Gatsby (React)

Gatsby is a frontend framework for creating dynamic, optimized websites and a cloud platform for delivering them on a blazing fast edge network.

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.

Web Development Courses Completed at Udemy.

Web Development Courses Completed at Frontend Masters.

Vue.js Development Courses Completed at Vue Mastery.

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.

Adrià Pérez Gall - Lead Backend Software Engineer at Virtual Tools, Inc..