< Hello, World! I am />

Chintan Varma

> |

Specializing in Frontend Development with a strong Backend foundation — I craft intuitive, robust web apps. Merging pixel-perfect visuals with resilient logic.

27+ Certificates

8+ Projects

4+ Years Coding

View My Work Download CV

Available for work

India

chintan@portfolio:~ ● LIVE

Chintan@portfolio:~$

01 / DISCOVER

ABOUT ME

CSIT Student & High-Energy Full Stack Developer — building, exploring, and innovating continuous digital experiences.

Passionate Explorer & Code Craftsman

Transforming Complex Logic into Intuitive Digital Products

I am a high-energy Computer Science & IT student who bridges the gap between pixel-perfect, responsive UI and resilient backend architecture. With a versatile toolkit (React, Next.js, Node.js, Python, Java), I build real-world applications that solve actual problems.

Always hungry for growth, I actively participate in hackathons, explore AI integrations (Gemini, Groq, TensorFlow.js), and push my engineering boundaries every day.

Fast Learner Problem Solver Hackathon Enthusiast UI/UX Focus

developer.config.json

const developer = {
  name:       "Chintan Varma",
  status:     "Student & Full Stack Dev 🚀",
  education:  "B.Sc. CSIT @ SOU",
  focus:      ["React", "Next.js", "Node", "AI"],
  mindset:    "Explore, Build, Repeat",
  available:  true
};

Hackathons & Competitions

3rd Rank Winner

Ganpat University National Hackathon

2nd Rank Winner (2x)

Silver Oak Aavishkar 2.0 & Project Fair

National Finalist

Biothon 2026 Hackathon (Marwadi University)

Finalist & Participant

ODOO Hackathon & Agentic Premier League

Education

B.Sc. CSIT

Silver Oak University (Pursuing)

OPEN TO WORK

Freelance & Software Roles

02 / EXPERTISE

TECH STACK

A professional developer's ecosystem of languages, frameworks, databases, and dev tools.

[FE-01]

HTML5 Structure

[FE-02]

CSS3 Styling

[FE-03]

JavaScript Logic

[FE-04]

TypeScript Static Types

[FE-05]

React UI Library

[FE-06]

Next.js Meta-Framework

[FE-07]

Redux State Management

[FE-08]

Tailwind Utility CSS

[FE-09]

Bootstrap UI Toolkit

[BE-01]

Node.js Runtime

[BE-02]

Express Server API

[BE-03]

Python General Logic

[BE-04]

Django Python Web

[BE-05]

PHP Scripting

[BE-06]

Java OOP Platform

[BE-07]

C Low-Level

[DB-01]

MongoDB NoSQL DB

[DB-02]

MySQL Relational DB

[DB-03]

Firebase Google BaaS

[DB-04]

Supabase Postgres BaaS

[DV-01]

Git VCS

[DV-02]

GitHub Collaboration

[DV-03]

Docker Containers

[DV-04]

Vercel React Deploy

[DV-05]

Netlify Static Deploy

[DV-06]

G. Cloud Cloud Platform

[TL-01]

VS Code IDE Editor

[TL-02]

Postman API Client

[TL-03]

Figma Vector Design

[TL-04]

Canva Quick Assets

[TL-05]

UI / UX Product Design

03 / SHOWCASE

PROJECTS

A professional showcase of engineered applications, problem-solving architectures, and performance stats.

Sunspark Solar — Clean Energy & Rooftop Solar Solutions

Live Demo

// PROJECT 01 [2026]

Sunspark Solar

PREMIUM CLEAN ENERGY & ROOFTOP SOLAR SOLUTIONS

A modern clean energy platform built to streamline solar adoption for residential, commercial, and industrial clients. Features an interactive Solar ROI Calculator, floating AI Solar Assistant chatbot, digital brochure modal, dynamic lead routing, and WhatsApp integration.

React 18ViteTailwind CSSFramer MotionCanvas ConfettiLucide IconsNode.js

WHY I BUILT IT

Residential and enterprise energy consumers struggle to calculate installation costs, estimated power generation, government subsidies (PM Surya Ghar), and financial payback timelines, creating hesitation in adopting solar energy.

THE PROBLEM SOLVED

Engineered an end-to-end solar conversion platform with a real-time ROI calculator, automated inquiry modal data piping, floating AI consultation assistant, and direct WhatsApp lead capture pipeline.

ROI COMPUTATION Instant Math Engine

Computes annual kWh output, power bill savings up to 90%, and PM Surya Ghar subsidy payback timelines.

AI CONSULTANT Floating Solar Assistant

Interactive chatbot providing instant answers on rooftop installations, net metering, and maintenance.

LEAD CONVERSION Multi-Channel Routing

Seamlessly pipes calculated solar ROI data directly into instant quote modals and WhatsApp routing.

Live Demo

// PROJECT 02 [2026]

ApexStadium

DIGITAL TWIN VENUE STRESS-TEST HUD

A high-fidelity Digital Twin platform redefining stadium management. Featuring a Tactical Admin HUD ("God Mode"), neural crowd density heatmaps, interactive 3D seat mapping, and real-time simulation engines for venue stress-testing.

Next.js 15React 19TypeScriptFramer MotionNeural Vision AILucide React

WHY I BUILT IT

Stadium managers historically operated without high-fidelity visual simulators, leading to unexpected crowd congestion, logistical delays, and evacuation blockages during high-profile matches.

THE PROBLEM SOLVED

Resolves the visibility gap by offering a simulated venue HUD where admins can test various crowd distribution models, analyze congestion hotspots, and preview evacuation procedures before gates open.

PERFORMANCE & ENGINE 60 FPS Renders

WebGL and CSS3D engines deliver continuous crowd movement simulations.

OPTIMIZATION Next.js Core

Optimized SSR and React 19 Server Actions reduce layout payload loading by 40%.

PREDICTION RATING 98.7% Accuracy

Neural crowd modeling predicts bottlenecks based on seat category ticketing data.

Live Demo

// PROJECT 03 [2026]

Nexa Health

AI-POWERED HEALTHCARE ECOSYSTEM

A premium AI-powered health ecosystem bridging technology and medical accessibility. Features real-time diagnostics, Gemini AI assistance, emergency SOS alerts via EmailJS, and physical tracking with TensorFlow.js in a glassmorphic interface.

React 19Gemini AIGroq AIFastAPISupabaseClerkFramer Motion

WHY I BUILT IT

Accessing immediate, accurate medical triage and guidance during minor health emergencies is notoriously slow and confusing, often leading to delayed aid or panicked hospital visits.

THE PROBLEM SOLVED

Integrates a direct, natural-language AI triage console (Gemini + Groq) that gives clinical guidance in under 2 seconds, backed by a one-tap emergency SMS/Email notification system (EmailJS).

TRIAGE SPEED Dual AI Engines

Multi-model AI fallback returns diagnosis cards in under 200ms.

DIAGNOSTICS TensorFlow JS

Client-side image diagnostic processing reduces API latency and server costs by 70%.

AVAILABILITY RATING 99.9% Up-Time

Supabase serverless database structure guarantees secure access to health profiles.

Live Demo

// PROJECT 04 [2024]

Transliteration System

ROMAN-TO-DEVANAGARI TRANSLITERATOR

Converts Roman English text into Devanagari script using a custom CSV dataset with algorithmic fallback and Deep Translator for full sentences. Handles edge cases, compound words, and code-switched input seamlessly.

PythonFlaskNLPHTML/CSS/JSDeep Translator

WHY I BUILT IT

Standard transliteration APIs fail to interpret mixed, colloquial inputs (Nepenglish/Hinglish) and domain-specific compound nouns correctly, rendering literal translations unreadable.

THE PROBLEM SOLVED

Combines a localized, high-speed CSV dictionary lookup algorithm with deep sentence translation fallback, providing accurate phonetic conversion for code-switched inputs.

LOOKUP ALGORITHM O(1) Lookup

Custom hash-map dictionary queries execute instantly.

ACCURACY RATING 98.4% Accuracy

Algorithmic compound parsing resolves complex consonant clusters.

LATENCY SPECS Under 85ms

Lightweight Python Flask server handles sentence rendering and falls back safely.

Live Demo

// PROJECT 05 [2024]

Modern Weather App

GLASSMORPHIC FORECAST DASHBOARD

Glassmorphism-inspired weather dashboard with Open-Meteo API integration, 24-hour hourly scroll, 10-day forecast with UV index & precipitation, and a debounced city autocomplete search for real-time accuracy.

PHPJavaScriptOpen-Meteo APICSS Glassmorphism

WHY I BUILT IT

Most weather platforms are bogged down with heavy ads, tracking cookies, and cluttered dashboards, ruining the quick-lookup user experience.

THE PROBLEM SOLVED

Created a minimalist, beautiful dashboard using Open-Meteo REST endpoints, prioritizing immediate 24-hour wind/UV metrics and weather forecasts in one view.

API EFFICIENCY Debounced Search

Autocomplete search delays queries by 300ms, saving 50% on API limits.

RESPONSE SPEED 120ms Page Load

Optimized asset weights and asynchronous fetch routines speed up browser rendering.

SCREEN ADAPTABILITY Fully Responsive

Flexbox and CSS Grid layout scales weather panels from mobile to 4K displays.

Source

// PROJECT 06 [2023]

Task Management System

SMART DEADLINE PRIORITY HUD

Glassmorphism UI with smart Urgency Logic — automatically color-codes tasks based on impending deadlines. Full CRUD operations with MySQL backend, user authentication, and a responsive dashboard.

PHPMySQLJavaScriptGlassmorphism

WHY I BUILT IT

Traditional calendars don't prioritize tasks visually based on dynamic impending deadlines, causing critical items to be missed.

THE PROBLEM SOLVED

Implements a dynamic "Time-Remaining" algorithm that calculates days, hours, and minutes to deadline, mapping color-coded urgencies (Red/Amber/Green) dynamically.

DATABASE QUERY Indexed SQL

MySQL query optimization ensures sub-80ms dashboard renders.

SECURITY IMPLEMENTS Sanitized CRUD

Complete protection against XSS and injection queries via prepared SQL statements.

LIBRARY OVERHEAD Zero Overhead

Lightweight, vanilla implementations bypass heavy library bloat, preserving memory.

Source

// PROJECT 07 [2023]

Dynamic Registration Form

SECURE TRAVEL REGISTRY CONTROLLER

Travel registration web app with a fully responsive HTML/CSS frontend and a PHP backend that validates and stores user data securely in MySQL. Features client-side validation, live feedback, and server-side sanitization.

HTML/CSSPHPMySQLForm Validation

WHY I BUILT IT

Incomplete, malicious, or poorly structured travel registration details cause database errors and create security vulnerabilities during flight entries.

THE PROBLEM SOLVED

Designed a bulletproof dual-layer sanitization workflow (client-side dynamic constraints + server-side regex filter blocks) to capture clean travel details.

DATA SANITIZATION Dual-Layer Safety

Validation safeguards against SQL Injection and XSS inputs.

UI INTERACTION Instant Feedback

Real-time UI checks guide registration inputs prior to server delivery.

DATABASE ARCHITECTURE Secure Storage

Relational MySQL structure safely indexes records for queries.

Source

// PROJECT 08 [2022]

Netflix Clone

SEMANTIC CSS VISUAL REPLICA

Fully pixel-perfect Netflix landing page built with pure HTML and CSS — no JavaScript, no frameworks. Demonstrates advanced CSS layout skills, responsive media queries, and visual fidelity across mobile, tablet, and desktop viewports.

HTMLCSSResponsive DesignFlexboxGrid

WHY I BUILT IT

Relying on frameworks like Bootstrap or Tailwind can make developers lose touch with native CSS layout engines. This was built to master CSS Grid, Flexbox, and nested styling properties.

THE PROBLEM SOLVED

Recreated the complex Netflix landing page layout, accordion layouts, and multi-device responsive structures purely through HTML5 semantics and vanilla CSS rules.

ASSET LOAD SPEED 100 Lighthouse

Zero JS lines execution overhead ensures instantaneous page load speed.

LAYOUT METHODOLOGY Flex & Grid

Advanced semantic layout adapters scale visual grids without styling bloat.

ACCESSIBILITY Clean Semantics

Strict outline layouts optimized for browser screens and screen readers.

View All on GitHub

04 / ACHIEVEMENTS & CREDENTIALS