Skip to content

Malu01/Student_entry_form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ“ Student Entry Form (Navbar + Sidebar Layout)

A simple Student Entry Form project built using HTML, CSS, and JavaScript.
This project allows users to enter student details, store them locally in the browser, and view them in a dynamic table.

✨ Features

  • βž• Add student details (Name, Age, Course, Gender, Email).
  • πŸ’Ύ Data is stored using localStorage, so details remain even after refreshing or reopening the page.
  • πŸ“‹ View all saved students in a dynamic table.
  • πŸ”„ Auto-load saved data when the page opens.
  • 🎨 Simple and clean UI with a responsive layout.

πŸ› οΈ Technologies Used

  • HTML β†’ For structure
  • CSS β†’ For styling (Navbar, Sidebar, Form, Table)
  • JavaScript β†’ For form handling, saving data, and table generation
  • LocalStorage β†’ For storing student data persistently in the browser

🎯 Usefulness

This project is helpful for:

  • Students learning HTML, CSS, JavaScript basics.
  • Understanding how to use localStorage for persistent data storage.
  • Creating entry forms for small projects, school/college assignments, or practice.

About

The **Student Entry Form** provides an easy way to record and manage student details in a web page. It is designed with a **Sidebar navigation** and a clean, user-friendly interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages