Student Management System with LocalStorage | JavaScript CRUD Project

Key Takeaways

foreign let's create this student management system with local storage we can see how to use this simple web application [Music] you can insert records using the save button [Music] if some input box is empty the system gives an error message like this reset input boxes using the reset button [Music] foreign [Music] we can edit our records [Music] we can delete our records then go to developer Tools in your browser you can press crtl shift and I at once to open this in the local storage we can see our records [Music] refresh the web page you will see that the data is not deleted data will not be deleted in the app as the records are in local storage close the app and run it again you can see the previous data let's start this web application open a new vs code project [Music] then create HTML CSS and JavaScript files like this in HTML part we Implement main body structure of overproject foreign [Music] now we can link a JavaScript file [Music] foreign let's create a table with two columns one for the student form and another for the set picture [Music] at first we can create a student information form [Music] foreign [Music] foreign [Music] foreign [Music] foreign another table for showing records after they have been submitted [Music] the edit and delete buttons are in the relevant columns thank you let's move to the CSS file to style this HTML page foreign [Music] foreign [Music] foreign [Music] in the HTML card we have to link bootstrap links for style save reset edit and delete buttons links are in the description you can copy and paste it [Music] foreign let's go to the Javascript file now Implement methods for inserting resetting editing updating and deleting data with local storage [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] thank you [Music] foreign [Music] foreign [Music] data in the database we'll see you again in the next video thank you for watching [Music] foreign [Music] foreign