🎓 Student Enrollment Form — JsonPowerDB
working app url:
http://localhost:8383/StudentEnrollment1/index.html
📌 Title of the Project
Student Enrollment Form using JsonPowerDB (JPDB)
📖 Description
A web-based Student Enrollment Form built with HTML, Bootstrap, jQuery, and JsonPowerDB as the backend database.
The form allows users to:
- Save new student records
- Search existing students by Roll No
- Update student information
- Reset the form
All data is stored in the STUDENT-TABLE relation inside the SCHOOL-DB database on JsonPowerDB.
Input Fields:
| Field | Type | Key |
|---|---|---|
| Roll No | Text | 🔑 Primary Key |
| Full Name | Text | |
| Class | Text | |
| Birth Date | Date | |
| Address | Textarea | |
| Enrollment Date | Date |
⚡ Benefits of using JsonPowerDB
- High Performance — Proprietary algorithm makes CRUD operations multiple times faster than traditional DBMS
- Serverless — No backend server needed; UI developers can build full dynamic apps directly
- Schema-free — No need to define table structure; just send JSON data
- REST API Based — Simple HTTP requests for all operations (PUT, GET, UPDATE, DELETE)
- Built-in Caching — Embedded caching for lightning-fast read performance
- Multi-mode DB — Supports Document DB, Key-Value DB, and Relational DB in one
- Low Development Cost — Reduces development time drastically
- Real-time Data — Suitable for real-time web applications
- Secure — Token-based authentication for all API calls
🚀 Release History
| Version | Date | Description |
|---|---|---|
| v1.0 | June 2026 | Initial release — Save and Search functionality |
| v1.1 | June 2026 | Added Update functionality with rec_no tracking |
| v1.2 | June 2026 | Fixed double-stringify bug; data now saves in correct columns |
📋 Table of Contents
- Title
- Description
- Benefits of JsonPowerDB
- Release History
- Scope of Functionalities
- Examples of Use
- Project Status
- Sources
🔧 Scope of Functionalities
- ✅ Add new student enrollment records
- ✅ Search student by Roll No (primary key)
- ✅ Update existing student details
- ✅ Form validation (all fields required)
- ✅ User-friendly alerts and success/error messages
- ✅ Responsive UI using Bootstrap 3
- ⬜ Delete student record (future scope)
- ⬜ List all students (future scope)
💡 Examples of Use
Save a Student
- Fill all fields (Roll No, Full Name, Class, Birth Date, Address, Enrollment Date)
- Click Save → record is stored in JPDB
Search a Student
- Enter Roll No (e.g.
S101) - Click Search → all fields auto-fill with stored data
Update a Student
- Search the student first
- Edit any field
- Click Update → record is updated in JPDB
🛠️ Technologies Used
- Frontend: HTML5, CSS3, Bootstrap 3.4, jQuery 3.7
- Database: JsonPowerDB (JPDB) by Login2Explore
- API: REST API (
http://api.login2explore.com:5577) - IDE: NetBeans
📂 Project Structure
StudentEnrollment1/
│
└── Site Root/
└── index.html ← Main form with all logic
└── README.md ← This file
🟢 Project Status
Active — Core CRUD operations working. Future enhancements planned (delete, list all students).
📚 Sources
👤 Author
Made with ❤️ using JsonPowerDB

Log in or sign up for Devpost to join the conversation.