Roshin R G

I am a
// 01

The person behind the pixels.

I craft fast, focused interfaces that live and breathe in the browser — no build tools required, no framework overhead, just deliberate JavaScript, semantic HTML, and CSS that scales.

My philosophy is simple: the best abstraction is the one you understand completely. Working with vanilla JS forces clarity — every event listener, every DOM query, every animation frame is intentional.

Currently in my second year of B.Tech AI & Data Science at Rajalakshmi Engineering College, I bridge the gap between data literacy and front-end precision. I understand how models think, so I can build interfaces that let humans talk to them elegantly.

When I'm not pushing pixels, I'm probably studying algorithmic thinking, obsessing over typography, or reading about the intersection of spatial computing and the open web.

Internship Experience
AI / ML Intern
AK InfoPark Pvt Ltd  ·  15 Days  ·  2024

Developed a House Buyer Prediction system using classical ML techniques. Performed Exploratory Data Analysis (EDA) and Feature Engineering on real estate data, built a Linear Regression model with Pearson Correlation for feature selection, and evaluated accuracy with RMSE metrics.

Python Linear Regression EDA Feature Engineering Pearson Correlation RMSE
2024 — 2028
B.Tech — AI & Data Science
Rajalakshmi Engineering College, Chennai
2024
Higher Secondary — 12th
Completed with distinction, Tamil Nadu State Board
2022
Secondary — 10th
Completed with distinction, Tamil Nadu State Board
// 02

Things I've built.

A selection of production-quality projects — each a focused solution to a real problem.

// 01

Location Multi Cuisine Restaurant

Full-stack restaurant management system with real-time table reservations, an admin billing panel, and JWT-secured authentication. Built on Node.js + Express with NeDB for zero-config persistence.

Node.js Express NeDB JWT Admin Panel Billing Reservations
// 02

Portfolio Website

This very site — a full SPA with a service worker for PWA offline support, dark/light mode, Three.js WebGL scenes, BEM CSS, and zero framework dependencies. Scores 100 on Lighthouse.

SPA PWA Three.js Service Worker BEM CSS Vanilla JS
// 03

Secure-Pay

A polished payment form with real-time card-type detection (Visa, Mastercard, Amex), live field masking, CVV flipping animation, and smooth CSS micro-interactions. Built with jQuery for rapid DOM manipulation.

jQuery Card Detection Field Masking CSS Animations Vanilla JS
// 04

Art-Gallery

A semantic, accessible art gallery built with HTML5 and CSS Grid masonry layout. Demonstrates advanced CSS positioning, responsive breakpoints, and clean semantic markup without a single line of JavaScript.

HTML5 CSS Grid Masonry Layout Semantic HTML Responsive
// 03

What I work with.

Tools and technologies I reach for without thinking twice.

Core Languages
    ="Core languages skills">
  • Vanilla JS ★ expert
  • jQuery ★ expert
  • HTML5 ★ expert
  • CSS3 ★ expert
DOM & Browser APIs
    ="DOM and Browser API skills">
  • DOM Traversal & Manipulation
  • MutationObserver
  • IntersectionObserver
  • Event Handling
  • Web Storage
Architecture
    ="Architecture skills">
  • SPA Patterns ★ expert
  • BEM CSS ★ expert
  • Conflict-free CSS ★ expert
  • CSS Custom Properties
  • Service Workers
Styling
    ="Styling skills">
  • CSS Grid
  • Flexbox
  • Responsive Design
  • CSS Animations
  • Tailwind CSS
Other & Tools
    ="Other skills">
  • Python
  • R
  • C
  • Git & GitHub
  • Three.js / WebGL
// 04

Let's work together.

Got a project, opportunity, or just want to say hello?

Always open to interesting conversations.

Whether it's a freelance project, internship opportunity, or a collaboration — drop me a message and I'll get back to you within 24 hours.