I Built a Full-Stack Student Registration System with Vanilla JS + Tailwind in Just 7 Days (and Made It Fully Responsive)

#webdev #programming #fullstack #frontend

“A little progress each day adds up to big results.”

Last week I finished Internshala’s Developing Interactive Websites with JavaScript course and decided the final assignment wasn’t going to be just another “submit and forget” project.

So I took the basic requirement and turned it into a complete CRUD web app with validation, localStorage persistence, responsive design, and clean code.

Live Demo → https://student-registration-system-one-sandy.vercel.app/index.html

GitHub Repo → https://github.com/Sufalthakre18/Student-Registration-System

(Star it if you like it ⭐)

What I Built – Student Registration System

A modern, fully responsive student management system where you can:

Register new students with full form validation
View all students in a scrollable table
Edit & Delete records with confirmation
Everything persists using localStorage (no backend needed)

Features I’m Proud Of

Feature	Implementation
Form validation (real-time)	Custom regex + instant error messages
No duplicate Student IDs	Checked against localStorage array
Inline editing	Click → edit → save/cancel without page reload
Auto scrollbar after 5+ records	Pure JS height detection
100% responsive (mobile-first)	Tailwind breakpoints: ≤640px → 641-1024px → ≥1025px
Clean separation of concerns	Separate files for utils, validation, UI logic

Tech Stack (All Vanilla – No Frameworks)

HTML5 + Semantic tags
Tailwind CSS (via CDN – production ready)
Vanilla JavaScript (ES6+) – classes, modules, async-like flow
localStorage for persistence

Screenshot

What I Learned (The Real Wins)

Deep DOM manipulation without jQuery or React
Writing reusable validation functions
Managing state manually with localStorage
Mobile-first responsive design with Tailwind
How to structure a bigger vanilla JS project so it doesn’t become spaghetti

This was my final project for Internshala’s course, but I went way beyond the requirements because I wanted something I could proudly show in interviews.

Certificate for proof ↓