Ravi Kant Portrait
Digital Architect | Hello, World! I am

Ravi Kant.

Web Developer & Graphics Designer

I am an MCA graduate blending robust architectural backend engineering with creative, highly immersive frontend experiences. From scalable data systems to sophisticated graphics and cinematic web interactions, I build digital assets that perform and captivate.

Web Architecture AI / ML Development Data Science & Engineering Design Pro (Figma/Canva)

Career Trajectory

Dec 2024 - Present

Project Assistant

NIELIT Chandigarh / Ropar

Facilitating bootcamps and training sessions focusing on Big Data and Data Science under the FutureSkills Prime initiative. Managing documentation, learning materials, and optimizing project delivery.

Aug 2024 - Present

Web Designer & Developer

NP TechCrafters (Part-Time)

Developing responsive, performance-optimized websites. Architecting dynamic UI components and ensuring flawless user experiences across modern browsers.

Aug 2024 - Sep 2024

Graphics Designer

NIELIT Ropar

Designed digital graphics using Canva and Figma. Ensured cohesive, highly professional, and modern aesthetics across multiple platforms.

Feb 2024 - Aug 2024

Frontend Development Intern

C-DAC, Mohali

Engineered front-end features using React.js and Node.js. Integrated educational tech by bringing modern web frameworks into Moodle-based platforms.

Core Tech Stack

Frontend & UI/UX

HTML5 CSS3 Tailwind Bootstrap JavaScript (ES6) React.js Vite DOM Logic

Backend & Architecture

Node.js Python Java C DBMS / RDBMS SQL / MySQL MongoDB

AI & Data Science

Artificial Intelligence Data Science Big Data

Ecosystem & Tools

Git GitHub VS Code Android WordPress Moodle LMS Canva Figma

Interpersonal Skills

Technical Comm. Agile Collab. Problem Solving Time Management Perpetual Learning Creative Thinking Project Mgmt

Recognitions & Certifications

Best Poster Award (NICEDT-2025)

Springer & NIELIT Ropar (Malware Detection via DL)

2025

Software Technologies Internship

C-DAC

August 2024

Web Development Internship

Code Alpha

August 2023

Website Design Internship

Internship Studio

July 2023

Website Design Training

Internship Studio

July 2023

Interactive Valentine's Showcase

A showcase of complex, deeply interactive micro-projects built from scratch. These assets combine intricate JavaScript, immersive 3D WebGL (Three.js), and gamified UI mechanics.

Eternal Rose 3D 🌹

Browser 3D experience featuring procedurally generated velvet rose in a dynamic WebGL (Three.js) dome. Guides a dynamic fairy light illuminated real-time.

Three.jsWebGLShader

Beautiful Silence Diary

Cinematic 3D interactive diary with realistic physics of flipping pages and an immersive particle system (starfield) reactive to mouse movement.

3D TransformsThree.jsPhysics

Virtual Hug Card πŸ«‚

Gamified interface featuring runaway button, mood audio triggers, and an immersive "Hug Meter" that measures visitor interaction time.

Audio APIEventsGamification

Promise Day Narrative 🀞

Two-part experience with cursor landing page transitioning to visual novel with synchronized typewriter text and anime animations.

GSAPTailwind CSSVanilla JS

Happy Chocolate Challenge 🍫

Immersive challenge featuring drag-and-drop physics engine. Wrapper manipulation unlocks visual love notes on chocolate "consumption."

Drag APICollisionImmersive UI

Vintage Letter Reveal πŸ’Œ

Nostalgic digital unboxing. Multi-step wax seal interaction unlocks complex styled leather envelope with parchment paper narrative.

CSS FoldsInteractive Z-IndexTypography

Impossible Proposal πŸ’˜

Technical dodge challenge (rejection button). Google Sheets API integration to log visitor confirmation results instantly to private sheet.

Sheets APIApps ScriptFetch API

Growth ProposalπŸ’˜

Responsive proposal interface where the 'Yes' button grows on rejection attempts. Integrated LocalStorage for persistent tracking of proposal outcomes.

LocalStorageResponsive MediaDOM

Portfolio | Ravi Kant

Comprehensive development portfolio spanning data systems, React.js dashboards, and full-stack architecture.

AI, Data Engineering, & Backend Architecture

Diabetes Prediction Web App

Flask-based ML application using Random Forest Classifier.Predicts diabetes risk based on patient clinical metrics and includes robust visualization suite.

PythonFlaskScikit-LearnRandomForest

Weight Prediction Hub

Machine learning Flask web app predicting weight based on gender and height using Scikit-learn's Linear Regression models.

PythonFlaskScikit-LearnRegression

Flower Classification AI

A classic supervised classification Flask application that identifies Iris flower species using Logistic Regression on sepal measurements. Hosted on Glitch.

PythonLogistic RegressionFlask

Blood Bank Architecture

Web application enabling admins to manage blood inventory, donor databases, and critical operational metrics. Highly optimized for scalability.

Node.jsMongoDBExpress.jsDatabase Eng

BI-Sathi Billing System

Android billing and inventory management system for business. Integrated barcode scanning for live inventory tracking. Available on Play Store.

JavaAndroid StudioFirebaseFirestore

Custom Moodle LMS Platform

Integrated, modified, and customized Moodle framework to architect user-friendly learning management systems for educational efficiency.

Moodle LMSPHPMySQLCustom Dev

Advanced React.js & Modern Frontend Suite

React Weather Dashboard

Highly responsive modern dashboard fetching real-time data and forecasts via standard OpenWeatherMap APIs. Built for rapid data processing.

React.jsTailwind CSSAxiosAPI Int

Responsive E-Commerce UI

Pixel-perfect e-commerce front-end interface clone, featuring complex JS sliders, filtering, and refined category grids.

Vanilla JSBootstrap 5jQuery Slider

JavaScript Cart Engine

Advanced e-commerce interface focusing on data flow. Dynamic filtering of catalog, real-time cart state management, and refined UI logic.

Vanilla JSBootstrapState Mgmt

Clinic Asset Dashboard

Modern React application integrated with advanced scheduling systems (Calendly API) and contact management solutions (FormSubmit).

React.jsCalendly APIResponsive Dev

Functional Engineering | Vanilla JS & Architecture

Netflix Homepage Architecture

A complex reproduction of the Netflix home interface focusing on complex CSS states, media queries, and responsive grid patterns.

HTML5CSS3Advanced CSS States

Animated Multi-Step Engine

Refined JS-powered multi-step survey/form with smooth sliding transitions, dynamic progress tracking, and FormSubmit backend.

Vanilla JSCSS AnimationsUI Flows

ISRO Mars Tribute Hub

Informative asset showcasing Indian Space mission using semantic HTML and highly optimized responsive layout patterns.

HTML5CSS3Semantic HTML

Geographic Information Portal

Static web asset designed for informative data dissemination, leveraging semantic tables and organized spatial geographic facts.

HTML5CSS TablesSemantic HTML

Captcha Security Module

Full integration of captcha validation module for existing web forms. JS-powered logic generator and validation pattern.

JavaScript LogicDOM SecurityCSS3

Functioning Stop-Watch Hub

Functional web timing asset with start, pause, lap-record, and reset logic. Optimal JavaScript execution of timing APIs.

Vanilla JSTiming APIsDOM Int

Initialize Connection

Let's Build Something Brilliant.

Seeking technical synergy or freelance partnerships? Let's discuss AI, Data Systems, and professional Web Engineering. My transmission inbox is always active.

ravikantmahi011@gmail.com
Chandigarh, India