MCA Graduate
Design Pro
AI / ML
GitHub Followers GitHub Stars
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.

24+

Completed Projects

12+

Interactive 3D Assets

5+

Certifications

Ravi Kant Portrait
Honors & Awards

Recognitions & Certifications

Best Poster Award

NICEDT-2025

Recognized by Springer & NIELIT Ropar for research on Malware Detection via Deep Learning models.

Software Technologies Internship

C-DAC (August 2024)

Completed an intensive internship focusing on complex software technologies and integrations.

Web Development Internship

Code Alpha (August 2023)

Demonstrated proficiency in building dynamic web applications and modern UI solutions.

Website Design Internship

Internship Studio (July 2023)

Engineered beautiful and highly responsive frontend web design solutions.

Website Design Training

Internship Studio (July 2023)

Successfully completed rigorous training in modern web design architecture.

Career Path

Professional Journey

Dec 2024 - Present

Project Assistant

NIELIT Chandigarh / Ropar

  • Facilitating bootcamps and training sessions focusing on Big Data and Data Science.
  • Driving 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.
Technical Arsenal

Core Tech Stack

My technological stack spans modern Frontend UI/UX, robust Backend architecture, AI integration, and full ecosystem tooling.

Download Resume

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
Comprehensive Portfolio

My Projects Ecosystem

Spanning Interactive WebGL, AI/Data Engineering, React Dashboards, and Full-Stack Architecture.

Interactive Valentine's & 3D Experiences

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

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

Smart Data Collector

Clean, efficient Android utility to capture and organize local image datasets for ML/CV models. 100% offline and privacy-focused.

AndroidJavaLocal Storage

Advanced React.js & Modern Frontend Suite

RK E-Commerce

Modern and premium e-commerce platform with an admin dashboard, wishlist tracking, and real-time cart capabilities powered by Firebase.

HTML/CSS/JSFirebaseAdmin Panel

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
Insights & Updates

Latest Posts

Loading posts...
My Vibe

Recently Played

Community & Stats

Traffic & Thoughts



See who's visiting and what they're saying.

Loading messages...
0

Theme Settings

Primary Color
Secondary Color
Font Style
Outfit
Modern
Coder
Manga
Japanese
Anime
Cybertron
Background Mode
Dark
Light
Minimalist
Vibrant
Thematic