sabarivasan-velayutham / jsonpowerdb_microproject

Student-Enrollment-Form

Description

This is a web based html form for student enrollment using JsonPowerDB as Database
JsonPowerDB is used to perform CRUD operation

Benefits of using JsonPowerDB

• Simplest way to retrieve data in a JSON format.
• Schema-free, Simple to use, Nimble and In-Memory database.
• Built on top of one of the fastest and real-time data indexing engine - PowerIndeX.
• Low level (raw) form of data and is also human readable
• Helps developers in faster coding, in-turn reduces development cost

TECH STACK USED

• HTML
• CSS
• JAVASCRIPT
• JsonPowerDB ( As Database)

Screenshots:

Illustrations:

• UPDATE : when student roll number is already present in database then student information is fetched from database and filled in respective feild then user can UPDATE student information
• SAVE : If student roll number is not existed in database then we can fill other field and save in database
• clear : By this we can clear all field of form and with this except first field (roll-no) other field are disabled until user enter any roll number
• Alert : This website uses disposable Alter prompt using bootstrap

HOW TO USE

• Initially

We need to enter a roll number

If roll number is not valid

If roll number is valid and that roll number is existnig in database

• Fetching student data using roll number If student already present in database, then all field filled with that student information

  otherwise, other fields are enabled after user input roll number

• Updation of student details In order to update student details input roll number, and then we can update the student data

  

• Adding new student data

  Enter new roll number and then all other fields are enabled and then after filling student information we can save this data into database only if input is valid

  

• If input data is not valid

  

Installation

Make a folder in your system and clone the project using git bash then open the project in Visual Studio Code or any IDE you prefer.

Clone the project

git clone https://github.com/Sabarivasan-Velayutham/JsonPowerDB_MicroProject.git

After cloning

Move to public_html and then script folder and in script.js file replace the connectionToken by with your Connection Token

Scope of Functionalities

• Input validation for required fields.
• Save student data to JsonPowerDB.
• Update existing student data.
• Reset the form to its initial state.

Examples of Use

• Use the form to enroll new students in a school or educational institution.

Sources

• JsonPowerDB Documentation
• Bootstrap Framework
• JsonPowerDB Functions

Release History

Version JPDB_0_3_2.20211203