Skip to content

A simple and beginner-friendly web application that allows users to add student information and view it in JSON format. This project demonstrates basic form handling, data validation, arrays, DOM manipulation, and rendering structured output using JavaScript

Notifications You must be signed in to change notification settings

Musira-Hafsa/student-data-json-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

student-data-json-viewer

๐Ÿ“˜ Student Form โ€“ JavaScript Project

A simple and interactive Student Form web application built using HTML, CSS, and JavaScript. This project allows users to:

โœ” Add student details โœ” Store them temporarily in an array โœ” Display all saved student data in JSON format โœ” Validate empty fields โœ” Reset the form after submission

Perfect for beginners learning DOM manipulation, form handling, and event listeners in JavaScript.

๐Ÿš€ Features ๐Ÿ”น Add Student

Enter Name, Date of Birth, Address, Phone, and Email

Validates all input fields

Shows success or error messages

๐Ÿ”น Show Data

Displays all stored students

Output appears in JSON format inside a

 block

Shows message if no data is available

๐Ÿ”น Clean UI

Simple and readable structure

Easy for beginners to understand

๐Ÿ› ๏ธ Technologies Used Technology Purpose HTML5 Form structure CSS3 Basic styling JavaScript (Vanilla JS) Logic, validation, events

About

A simple and beginner-friendly web application that allows users to add student information and view it in JSON format. This project demonstrates basic form handling, data validation, arrays, DOM manipulation, and rendering structured output using JavaScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published