Skip to content

A simple javascript webpage for student registration system.

Notifications You must be signed in to change notification settings

Nitya1950/Student_Registration_JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Logo

🏫 Student Registration System

A stylish and intuitive web-based Student Registration System that allows you to add, edit, view, and delete student records β€” all stored securely in your browser using localStorage. Built with love, creativity, and a sprinkle of animation ✨

🌟 Features

  • πŸ“‹ Add new students with name, age, and grade
  • πŸ“ Edit or update existing student details with ease
  • ❌ Delete records instantly
  • 🧠 LocalStorage based data persistence β€” no backend required!
  • πŸŒ— Dark Mode Toggle β€” with sleek Neumorphism UI
  • ⌨️ Typing animation for subheading text
  • πŸ–‹οΈ Custom Google Fonts for school branding
  • πŸ–ΌοΈ Responsive and visually appealing UI
  • πŸ’» Fully built with HTML, CSS, and JavaScript

🎨 Design Highlights

  • Neumorphism-styled dark mode toggle button (inspired by Uiverse)
  • Typing animation using JavaScript to bring the UI to life
  • Embedded Google Fonts (Fleur De Leah) to style the school name with elegance
  • Clean, responsive layout using modern CSS techniques

πŸ—οΈ Tech Stack

Technology Purpose
HTML Structure & Semantics
CSS Styling & Neumorphism UI
JavaScript Interactivity & Animation
localStorage Frontend Data Persistence

πŸ“Έ Screenshot

πŸ› οΈ Setup Instructions

πŸ‘‰ Check out the page for yourself here: Student Registration System Live Demo

About

A simple javascript webpage for student registration system.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published