
Adithya Sreyaj
A Full stack developer working with Web technologies.
Loves to build highly scalable and maintainable web applications and back-ends. Loves everything JavaScript
Projects






Cartella
Bookmark your favorite articles, libraries, code snippets, and more. One place to collect them all, so you don't miss them when you need them. Share it with your friends and colleagues with ease or export snippets to images. Never miss out those must read blog posts that you saw somewhere. Found a new library? Bookmark it so that you can comeback and try it out later.
Powered by
Angular
Tailwind
PWA
NGXS
NestJS
Prisma







MOOVEE - Mobile App
A mobile application build using React Native. Consumes the TMDB api and displays the latest movies along with the movie details
Powered by
RN
Career
Staff Software Engineer (UI)
/2025 - Present
/Bangalore, IN
Working with a fantastic team of UI folks to develop and maintain purpose-built UI for the Traceable platform and Hypertrace UI library.
Software Engineer (UI)
/2021 - Present
/Bangalore, IN
Working with a fantastic team of UI folks to develop and maintain purpose-built UI for the Traceable platform and Hypertrace UI library.
Sr.Front-end Engineer
/2020 - 2021
/Bangalore, IN
Architect and developing highly scalable components for Hypersonix Web application. Create highly customized views and pages for different use cases which deals with tons of data
Full-stack Developer
/2018 - 2020
/Bangalore, IN
Worked as a full-stack web developer and worked on technologies like Angular and Node. Layed foundation of multiple projects within the company like Ticketing System, Annual Maintenance Contract, HR CRM etc.
Know Me
I work as a Software Engineer at Traceable where I help build the the leading enterprise AI platform for consumer commerce businesses.
I am passionate about all things web. I have worked in multiple projects during these years in tech on large scale projects. I stress on the importance of having good structure and proper architecture while building applications. I like my code to be clean without any squiggly lines.
I am based off of Kerala, IN. People call it “Gods own country”. Google it and you’ll feel the same. When I’m not fiddling around with code, I tend to play games, watch series, play badminton, a little bit of travelling and more.
Tech
Blog

Figma like input field in Angular using Directives
30 Dec
6
People who are familiar with Figma would have noticed that the input fields support dragging to increase or decrease values. Instead of having to click on the input field first and then type the number in, the dragging feature is really handy as you ...

Creating a reusable calendar component in Angular
06 Oct
1
Recently, I came across a tweet where someone posted a calendar component that was used for tracking different subscriptions. The tweet was trending because the design looks really good. I was working a project which could use a calendar component, s...

Deploy Node.js applications on a VPS using Coolify with Dockerfile
Invalid Date
12
In the previous article, I shared how to set up Coolify and deploy a Node.js application on a VPS using Nixpacks. It is the easiest way to deploy applications using Coolify. We don't need any knowledge of Docker. Read Here: Deploy Node.js application...

Deploy Node.js applications on a VPS using Coolify
23 Apr
21
If you are not a DevOps person, deploying applications is not going to be very easy if you are trying to do everything on your own. This is the primary reason we have a lot of managed offerings from companies like Heroku, Vercel, Fly etc. Managed off...

Architecting A Highly Dynamic Card List In Angular
17 Jan
3
Let's look at one way to architect Angular's highly customizable and dynamic card list component. The goal is to make it easier to render different kinds of card lists using one single component. Dynamic Card List Component The component should be dy...

Super Simple Select Implementation Using Angular CDK Selection Model
26 Nov
32
Building out Selection feature for tables/list can be challenging at times, because of a lot of corner case that needs to be handled. Here's how we can build one without writing much logic using the Angular CDK's SelectionModel utility. Angular CDK ...
Events

Tech behind Compito PM application
10 Nov 2021
Angular Nation

Tech behind Compito PM application
05 Oct 2021
Angular Nation

Custom Form Controls in Angular
25 Sep 2021
ng-Keralam

Do more with custom directives in Angular
24 Jul 2021
Angular Banglore

You can create a directive for that
07 Jul 2021
Angular Nation

Beautifully encapsulate table-related logic in a data source.
05 Jun 2021
Angular Hive
Dev Environment

Visual Studio Code
A powerful and open source code editor for developers

Fig
Fig adds VSCode-style autocomplete to your existing terminal. Move faster with Fig.

JetBrains Mono
A free and open source typeface for developers

Tokyo Night
A clean, dark (and now light) Visual Studio Code theme that celebrates the lights of Downtown Tokyo at night.

Prettier
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

Code Spell Checker
Spell check your code with the power of the language.

EsLint
Integrates ESLint JavaScript into VS Code.

Angular Schematics
Angular schematics (CLI commands) from files Explorer or Command Palette.

Error Lens
Improve highlighting of errors, warnings and other language diagnostics.

GitLens
Visual Studio Code extension to show git status in the editor.

Inline Parameters
Function parameter annotations displaying inline in VSCode

Surround
A simple yet powerful extension to add wrapper templates around your code blocks.

Headwind
An opinionated class sorter for Tailwind CSS