Student Enrollment Form is a web-based application developed using HTML, CSS, and JavaScript with JsonPowerDB as the backend database. The application allows users to add, update, and manage student enrollment records through an interactive form interface.
The project demonstrates the use of JsonPowerDB for performing CRUD operations and implementing form validation with a user-friendly interface.
https://effulgent-moonbeam-206d20.netlify.app/
https://github.com/barsha20061001/Student-Enrollment-Form-Using-JsonPowerDB
- Description
- Features
- Benefits of JsonPowerDB
- Scope of Functionalities
- Project Structure
- How to Run
- Usage
- Illustrations
- Project Status
- Release History
- Sources
- Author
- Student enrollment form with multiple input fields
- Form validation to prevent empty submissions
- Save student records
- Update existing student records
- Reset form functionality
- Interactive user interface
- Primary key-based record management using Roll Number
- Simple and lightweight database
- Schema-free JSON-based storage
- High performance and low latency
- Easy integration with web applications
- Serverless architecture support
- REST API-based operations
- Fast development and deployment
The application provides the following functionalities:
- Enter student enrollment details.
- Validate user inputs.
- Save student information.
- Update existing student information.
- Reset form fields.
- Manage student records using Roll Number as the primary key.
Student-Enrollment-Form-Using-JsonPowerDB/
│
├── index.html
├── style.css
├── script.js
├── README.md
└── screenshots/
- Clone the repository.
git clone https://github.com/barsha20061001/Student-Enrollment-Form-Using-JsonPowerDB-
Open the project folder.
-
Open
index.htmlin a browser. -
Use the form to enter student details.
-
Configure JsonPowerDB connection token (if available) inside
script.js.
- Enter Roll Number.
- Fill all required student details.
- Click Save to store a new record.
- Click Update to modify an existing record.
- Click Reset to clear the form.
Frontend implementation, form validation, button control logic, and project workflow have been successfully completed.
JsonPowerDB integration requires a valid connection token. The developer portal/API endpoint provided in the course material was inaccessible and returned an ERR_CONNECTION_REFUSED error during testing. Therefore, live database integration could not be verified.
- Created project structure
- Designed Student Enrollment Form UI
- Implemented form validation
- Added Save, Update, and Reset controls
- Added user interaction logic
- Prepared JsonPowerDB integration structure
- Login2Xplore JsonPowerDB Course
- JsonPowerDB Documentation
- GitHub Markdown Documentation
Barsha Mondal