sahil
Available for opportunities

Hi, I'm Sahil Arate

Computer Science engineer from Belgaum, Karnataka. I build fast, accessible, and beautifully designed web applications using modern technologies and cloud computing.

Download Resume
3+Internships
5+Projects
10+Technologies
scroll to explore
Who I Am

About Me

Passionate developer with a keen eye for design and innovation.

My Journey

I began with a Diploma in Computer Science and Engineering after 10th, and later pursued a BE in CSE to strengthen my foundation. Along the way I grew into a Full Stack Developer with expertise in modern web technologies and cloud computing.

Philosophy

Technology is not just about writing code — it's about creating solutions that make life simpler and smarter. My philosophy is to keep learning, keep building, and use my skills to bring meaningful impact through innovation.

Goals

My goal is to grow as a skilled Full Stack Developer while sharpening problem-solving skills through Java DSA. I aspire to build innovative solutions using modern technologies and cloud computing that make a real-world impact.

Sahil Arate

Quick Facts

  • LocationBelgaum, Karnataka, India
  • DegreeBE in Computer Science
  • FocusFull Stack + Cloud
  • StatusOpen to opportunities
GitHubLinkedInEmail
Expertise

Technical Skills

Tools and technologies I work with every day.

21Technologies
85%Avg Proficiency
Node.jsTop Skill
7Expert Level
0
JavaScript
Expert
0
React
Expert
0
TypeScript
Advanced
0
Next.js
Advanced
0
CSS
Expert
0
Tailwind
Advanced
0
Framer Motion
Advanced
0
HTML
Expert
0
Node.js
Expert
0
MongoDB
Advanced
0
MySQL
Advanced
0
REST API
Expert
0
Firebase
Advanced
0
Express
Advanced
0
AWS
Proficient
0
Azure
Proficient
0
Docker
Advanced
0
Git
Expert
0
Vercel
Advanced
0
React Native
Proficient
0
IoT / ESP
Proficient
Work

Featured Projects

Innovative solutions that showcase my passion and expertise.

React

Women Empowerment Platform

Comprehensive digital platform providing real-time job matching for pregnant women and AI-powered mental health counseling.

ReactNext.jsTypeScriptNode.js
ESP8266

Fetal Monitoring System

Smart IoT healthcare system tracking baby kicks in real-time using MPU6050 sensor.

ESP8266MPU6050React NativeFirebase
MongoDB

SmallCase Funding Platform

Sophisticated funding and financial analysis platform with interactive dashboards.

MongoDBExpressReactNode.js
JavaScript

Data Visualization Dashboard

Interactive data visualization system transforming complex datasets into clear actionable insights.

JavaScriptD3.jsChart.jsAWS
Career

Professional Journey

Building expertise through diverse and meaningful experiences.

2026

Full Stack Developer intern

Suprmentr

Worked as a Full Stack Developer building modern web applications. Developed and maintained features across the full stack using React, Next.js and TypeScript. Collaborated on scalable architecture and delivered responsive, performant user interfaces.

ReactNext.jsTypeScriptNode.jsMongoDBTailwind CSS
Internship
Aug 2024 – Oct 2024

Web Development Intern

Prodigy Infotech

Worked on frontend and backend web development tasks, focusing on responsive UI development and JavaScript-based applications. Developed multiple full-stack projects using modern frameworks and best practices.

Internship
2024

CNC Programmer

Spacecon

Worked as a CNC programmer handling precision manufacturing operations. Gained practical experience with industrial workflows, quality standards, and automation systems in a manufacturing environment.

Full Time
Mar 2023 – May 2023

Cloud Security Intern

Eyesec Cyber Security Solutions Pvt. Ltd.

Gained hands-on experience with AWS and Azure cloud platforms. Worked on securing cloud infrastructure, implementing security best practices, and understanding real-world cybersecurity challenges in cloud environments.

Internship
3Internships
2+Years Learning
5+Projects Built
10+Technologies

🎓 Education

2022 – 2026

BE — Computer Science & Engineering

KLE Technological University

2019 – 2022

Diploma — Computer Science & Engineering

Government Polytechnic

Writing

Latest Articles

Thoughts on development, design, and the things I learn along the way.

Mar 15, 20255 min read
Next.jsFramer Motion

Building a Multi-Cloud Topology Map with Next.js and Framer Motion

How I built an animated infrastructure visualization for Atomity's frontend challenge — covering design tokens, scroll-triggered animations, and TanStack Query caching.

When I received Atomity's frontend engineering challenge, I knew immediately that Option B — the multi-cloud topology map — was the more interesting problem. ## The Challenge The task was to recreate a section from Atomity's cloud optimization platform. I chose the infrastructure topology map showing AWS, Azure, GCP, and On-Premise nodes connected to a central resource chart. ## Design Tokens First Before writing a single component, I set up a token system. Every color, spacing value, and radius lives in `tokens/index.ts` and maps to CSS custom properties. This means dark mode is just a variable swap — zero component changes needed. ## Animation Strategy My rule: every animation must have a reason. The connection lines draw themselves on scroll entry using `scaleX` animation — mimicking the feeling of a connection being established. Provider nodes pop in with spring physics, staggered by index so your eye moves naturally across the layout. ## TanStack Query Caching Data is fetched from DummyJSON and transformed in `dataMapper.ts`. With `staleTime: 5 minutes`, the network tab shows exactly one request on first visit and instant data on every revisit. ## What I Learned Building with accessibility in mind from the start is far easier than retrofitting it. Every interactive element has keyboard support, aria labels, and respects `prefers-reduced-motion`.
Feb 20, 20254 min read
Next.jsReact

Why I Switched from Create React App to Next.js

After building several projects with CRA, here is why Next.js App Router changed how I think about React applications — and why I will never go back.

Create React App was my entry point into React. It worked fine for small projects but as my applications grew I kept hitting the same walls. ## The Problems with CRA No built-in routing, no server-side rendering, slow builds, and a bloated dependency tree that was impossible to customize without ejecting. ## Enter Next.js App Router The App Router changed everything. File-based routing that just works. Server components that reduce JavaScript sent to the browser. Built-in image optimization. Edge functions. And `next/font` for zero-layout-shift font loading. ## The Learning Curve The mental model shift from client-only to server-first takes time. Understanding when to use Server Components vs Client Components, how layouts work, and how to handle data fetching at the right level — these took practice. ## My Recommendation If you are building anything beyond a simple prototype, start with Next.js. The App Router is opinionated in the right ways and the deployment experience on Vercel is genuinely magical.
Jan 10, 20256 min read
TypeScriptProgramming

Understanding TypeScript Generics — A Practical Guide

Generics confused me for months. Here is the mental model that finally made them click, with real examples from projects I have built.

TypeScript generics are one of those concepts that look intimidating but become obvious once the mental model clicks. ## The Simple Mental Model Think of generics as variables for types. Just like a function takes a value and returns a value, a generic function takes a type and returns a type. ```typescript function identity<T>(arg: T): T { return arg; } ``` The `T` here is a type variable. When you call `identity("hello")`, TypeScript infers that `T` is `string`. When you call `identity(42)`, `T` is `number`. ## Real World Example In my portfolio project I use a generic API response type: ```typescript interface ApiResponse<T> { data: T; success: boolean; message: string; } ``` This means I can have `ApiResponse<User>`, `ApiResponse<Project[]>`, or any other shape — all with full type safety. ## Constraints You can constrain generics to only accept certain types: ```typescript function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] { return obj[key]; } ``` This ensures `key` is always a valid key of the object passed in. ## Practice Makes Perfect The best way to learn generics is to use them in real code. Start with simple cases and gradually increase complexity.
Stay Updated

Want to read more?

I write about full stack development, cloud computing, and lessons from building real projects.

Follow on GitHub →
Connect

Let's Work Together

Ready to bring your ideas to life? Let's talk about your next project.

Location

Belgaum, Karnataka, India

Available for opportunities

Open to internships, full-time roles and freelance projects

Send a Message