Walk into a room full of Web developers (which is rare – web devs don’t get along, mainly because they are MEAN. *pun intended*) and you will likely be bombarded with mentions of Node.js, Angular or React.

All these modern Web technologies are built upon the basic structure of MVC architectural pattern. Lettuce taco about it *huehuehue*.

Model: Structures your data in a reliable form and prepares it based on controller’s instructions

View: Displays data to user in easy-to-understand format, based on the user’s actions

Controller: Takes in user commands, sends commands to the model for data updates, sends instructions to view to update interface.

Let me draw MVC like one of my French girls.

It is finally Taco Tuesday, and you walk to the waitress. You finally catch a breathe and blurt out, “One Double Decker Chicken Supreme Taco with extra cheese, please!”

You are the user, and your taco order is the request. To you, the Double Decker Chicken Supreme Taco is your favourite taco, and you pretty reliably know that this will be an ultra spicy, will-regret-in-the-morning but worth-the-money taco.

To the waitress, the Double Decker Chicken Supreme Taco is merely a series of steps:

The waitress’s brain is the controller. As soon as you say the word “Double Decker Chicken Supreme Taco” in a language that they understand, the work begins. This work is similar in nature to making a Soft Taco or Fiery Taco, but uses distinct ingredients that will never be confused. This limited tool set is the model, and includes the following:

Finally, the finished taco that you gorge upon is the view. The view is built out of the limited options from the model, and arranged via the controller (that is, the waitress’s brain).

Here is how the same process plays out in a modern web app:

The user makes a request along a route, `let’s say /about.`

The controller receives this request and gives a specific set of orders that are related to that route. These instructions could be for the model to perform specific logic.

The model carries out the logic, pulls from a database and sends back a response based on the controller’s instructions.

The controller then passes this data to the view to update the user interface.

If you have been to a taco shop, then MVC ain’t that hard.

Ishan is a final year student at SRMIST, Chennai who enjoys building things that live on the internet. He develops exceptional websites and web apps that provide intuitive, pixel-perfect user interfaces with efficient and modern backends.

Talking in the third person about himself makes him uncomfortable.

He heads SRMKZILLA – the official Mozilla Campus Club of SRMIST where he breaks builds (especially on Fridays) with some really cool people. He also volunteers and leads everything software at Aaruush. He used to lead the Technical team at DSC SRM – powered by Google Developers where he worked on a wide variety of interesting and meaningful projects on a daily basis.

TL;DR: He ardours software and toils to craft beautiful, beautiful products that don't come with manuals.

Ishan wants a doggo but is unlikely to get one (cc: Paapa).

Delhi Public School, Indore

SRMKZILLA

Oversee the development of amazing Open Source products at the heart of SRMKZILLA

Communicated with and managed multi-disciplinary teams of developers, designers, and clients on a daily basis

Wrote modern, performant, maintainable code for a diverse array of client and internal projects

Instructed multiple workshops to 140+ students on various technologies such as Gatsby, Open Source, and React

Work with a variety of different languages, platforms and frameworks such as JavaScript, TypeScript, Angular, Node.js, Swift, and Heroku

Developed and shipped highly interactive web applications for clients (or as we like to call them – friends)

Architected and implemented websites for various campus clubs in and around the campus of SRMIST, Chennai

Manually tested sites in various browsers and mobile devices to ensure cross-browser compatibility and responsiveness

Developed and maintained code for in-house and client websites primarily using HTML, CSS, Sass, JavaScript, and jQuery

Devfolio

Migrated the entire component system written with Storybook for React to TypeScript

Helped build a system to issue sharable Open Graph friendly e-tickets to the hackers at InOut 7.0

Built and shipped the updated user interface of the platform

Bajaj Finserv Health Limited

Scratched a scalable React Native + Redux mobile application for the doctor-end of the system

Implemented WebRTC protocols to introduce telemedicine as a feature that facilitates connecting sick people with healthcare workers in the crucial times of pandemic

Helped integrate Quro into the platform to provide the doctors with intelligent suggestions

DSC SRM

Help solidify a brand direction for DSC SRM

Instruct multiple workshops to 200+ students on various technologies, including but not limited to web, and Flutter

Explore my passion of crafting beautiful interfaces as my pet projects

Built and shipped various state-of-the-art web applications as internal projects, primarily on the MEAN stack

Contributed extensively to restructure and build the club from the ground up

Apollo TeleHealth Services

Implemented ADT-A04, MDM-T02 and MDM-T04 messages of HL7 standards that aid the seamless transfer of clinical and administrative data between software applications used by various healthcare providers across the world

Deployed a telemedicine module on the platform by harnessing the power of WebRTC

Designed the user interface and scratched the codebase of Medeintegra Platform for paramedics

Helped plough a system to capture fundus  images and eye test results in real-time over the RS-232 interface from sophisticated machinery like Fundus Camera and Autorefractor

Aaruush

Overlook and work along with a team of developers and designers to build scalable software that power Aaruush

Engineer and maintain Aaruush's iOS mobile app suite, making it even more delightful with every Git commit

Interfaced with user experience designers and other developers to ensure thoughtful and coherent user experiences across Aaruush's iOS and Android mobile apps

Contributed to the development of Aaruush website as a side project

MOZOHACK Edition 2.0

Help solidify a brand direction for MOZOHACK

Managed everything from the first draft to the event wrap

InOut 6.0

Doodled a new system to standardise the communications of hospitals with ambulances

Cherry-picked to the top 10 teams, amongst 76 teams, which were in turn shortlisted from 5,397 applications from across the world

TEKMUX 3.0

Architected an entirely new system for intelligently displaying digital billboards in urban areas

Seamlessly integrated our handcrafted services with IoT modules to build a beautiful product

Ctrl Alt CODE

Core organizer of a very, very successful national level Internet of Things hackathon at SRMIST, Chennai

SIH 2019

Collaborated with a small team of student developers and stood first in the Complicated problem category put forward by India Health Link and came up with an innovative way to health-ify India by harnessing the power of social networks

Developed a social network based on health parameters which seamlessly integrates with wearables like Apple Watch and Mi Fit to accurately track vitals. It also suggests tips to improve health for the user by using the magic of Machine Learning

Received praises for the India First approach and feasibility of the suggested business model. The entire team was offered internships and extended opportunities by multiple companies after having hands-on experience with the product

Research Day 2019

An innovative Examination Scheduling algorithm using Genetic Algorithms and Graph Colouring Techniques

Proposed solution to Examination Cell, SRMIST, Chennai, to leverage this research and simplify conducting examinations across a multitude of campuses of SRMIST in India

JavaScript (ES6+)

React.js

Node.js

TypeScript

Swift

SwiftUI

Angular

Svelte

User Interface Design

GitHub

LinkedIn

Twitter

Behance

HashNode

SoundCloud

Software Developer

scribe_hero.webm

Effortlessly craft data-driven graphics in Figma

In the archaic world, scribes were people who served as professional copyists, handcrafting hundreds of copies of legal manuscripts.

Scribe is a Figma plugin that helps you do just that in a modern way. At its heart, Scribe batch exports personalized frames with your data.

Introducing Scribe – Effortlessly craft data-driven graphics in Figma

Importing data shouldn't be messy. With support for CSV and Google Sheets, Scribe parses your data with ease from a service of your choice.

Small adjustments achieve great user experience.

With export options, you can decide on how your export should look like. Eliminating all middleware between export and ready-to-ship.

There's a whole lot of documentation that I'd love for you to check out! You can find the docs here.

Ishan Chhabra

329b5c9768e24dea8a71bb5cd4166aab.webm

To all the crazy developers and designers, welcome home.

Aakash Sharma

Harsh Goel

Shrey Sachdeva

Sriram Kailasam

We created Recruitments to wow people! A state-of-the-art platform where students can apply for a seat in SRMKZILLA.

xyz.webm

Say hello to KZILLA.XYZ

Unleash the power of tracking. Get on-point numbers about the performance of your link in terms of demographics, web browsers and even operating systems.

Links generated using KZILLA.XYZ forward the same Open Graph tags as the original long ugly links. This means that your URL not only looks clean, but generates rich previews that help users understand your link even before they tap it.

KZILLA.XYZ uses cookies to keep a track of your links without asking you to log in. KZILLA.XYZ proudly does not collect any user data. And the experience is so smooth, it also seems like magic.

Ritvick V. Pandey

Hate long URLs? High five. KZILLA.XYZ shrinks your links in no time. Get ready to create links that provide you with rich analytics and understand your audience in amazing new ways.

Book a 1-1 with Ishan

Pick a time. See me there.

I confirm meetings on a case-by-case basis.
Note that a meeting is not confirmed until you receive a confirmation over your email.

Hamsters are fetching Ishan's availability!

Book a 1-1 with Ishan

Pick a time. See me there.

I confirm meetings on a case-by-case basis.Note that a meeting is not confirmed until you receive a confirmation over your email.

Hamsters are fetching Ishan's availability!

I confirm meetings on a case-by-case basis.
Note that a meeting is not confirmed until you receive a confirmation over your email.