Available for new opportunities

Hi, I'm Surya
Creative Developer

Building scalable web applications and crafting immersive digital experiences — Maths & CS undergrad at CHRIST University, Bengaluru.

Download Resume
Scroll

01. About Me

A bit about myself

Creative Developer · Builder · Problem Solver

I'm a Creative Developer and undergrad in Mathematics and Computer Science at CHRIST (Deemed to be University), Bengaluru. I specialise in frontend development, 3D web integration, and building scalable, AI-enhanced web applications using Next.js, Python, MongoDB, and Supabase.

I've led university-level web initiatives — from the official Centre for Peace Praxis website to large-scale event platforms — and I thrive in collaborative environments where great engineering meets thoughtful user experience. When I'm not pushing commits, you'll find me at a hackathon or experimenting with Three.js and interactive 3D experiences.

Bengaluru, India
Fueled by coffee & curiosity

2+

Years Coding

6+

Projects Built

3

Hackathons

∞

Cups of Coffee

02. Skills

My toolkit

Frontend

HTML5 & CSS3JavaScript (ES6+)TypeScriptNext.jsTailwind CSSThree.js

Backend & Data

PythonCSQLMongoDBSupabaseREST APIs

Tools & Platforms

Git & GitHubFigmaVercelBootstrapResponsive Web Design3D Modeling Integration

Soft Skills

Problem SolvingCommunicationTeam CollaborationLeadershipEvent OrganisationVersion Control

04. Experience

Where I've worked

Part-time

Web Developer & Organising Committee Member

Centre for Peace Praxis, CHRIST University

Jul 2025 – PresentBengaluru, India
  • Developed and maintained the official website using HTML5 and CSS3, including custom intro animations.
  • Enhanced mobile responsiveness and improved cross-device compatibility across all pages.
  • Collaborated with organising committees to support academic initiatives and event coordination.
  • Managed structured version control workflows using Git and GitHub.

03. Projects

Things I've built

NoteNova
Featured

NoteNova

A campus resource sharing platform with a real-time Direct Messaging system and AI-powered learning tools. Built with a scalable backend and user authentication using MongoDB and Supabase.

Next.jsTypeScriptMongoDBSupabaseREST APIsTailwind CSS
Centre for Peace Praxis
Featured

Centre for Peace Praxis

A multi-page web application for a peace research centre — featuring event pages, alumni records, faculty profiles, a dashboard with auth, and a gallery. Built with static HTML/CSS/JS, Tailwind CSS, and PWA support via a web manifest.

HTML5CSS3JavaScriptTailwind CSSTypeScriptPWAPostCSS
Arcadia
Featured

Arcadia

A fantasy RPG built across two parallel layers: a native C game (terminal CLI + Win32 GUI) using custom DSA — linked lists, graphs, priority queues, and circular buffers — and a browser port powered by a stateless Next.js API + HTML5 Canvas renderer with sprite animations for real-time 2D combat.

C99Win32 APINext.jsTypeScriptHTML5 CanvasREST APITailwind CSS
Techleons
Featured

Techleons

A visually immersive Next.js event platform with a Stranger Things-inspired theme — featuring custom cursor tracking via React Context, particle backgrounds, glitch text, flashlight effects, and a retro overlay, all driven by modular TypeScript components.

Next.jsTypeScriptReact ContextTailwind CSSPostCSS
BottleStory

BottleStory

A modern Next.js 13+ web app built with the App Router, TypeScript, and CSS Modules. Follows clean architecture with a root layout, scoped page styles, and static asset management — structured for scalability and fast iteration.

Next.jsTypeScriptCSS ModulesApp RouterESLint
GreenCart

GreenCart

An e-commerce web application with a clean, responsive UI for browsing and purchasing products. Built and deployed on Vercel with a focus on smooth shopping UX.

Next.jsTypeScriptTailwind CSSVercel
Portfolio Website

Portfolio Website

Personal portfolio showcasing frontend projects, 3D elements via Three.js, and technical skills. Built with Next.js, TypeScript, and Framer Motion with a focus on performance and visual polish.

Next.jsTypeScriptThree.jsFramer MotionTailwind CSS
View more on GitHub

05. Contact

Get in touch

I'm always open to discussing new opportunities, interesting projects, or just having a conversation about tech. Feel free to reach out — my inbox is always open!

suryachalam18@gmail.com

Find me on