Mobile-first school ERP template
CodideX Mobile Documentation
CodideX Mobile is a polished mobile-first HTML app-style template for school ERP systems. It includes separate Student, Teacher, Employee, and Parent mobile UIs, plus authentication, account settings, communication, chat, notification, dummy fee payment, receipt preview, salary slip preview, dark mode, symbolic avatar, and component showcase screens.
Technology Stack
Static mobile pages and showcase screens.
Responsive layout, shell, components, and dark mode variables.
Lightweight demo interactions, preloader, toast, navigation, and theme toggles.
Included App Sections
Student UI
Dashboard, attendance, timetable, fees, fee payment, dummy gateway, payment success, payment history, professional receipt preview, report card, notices, ID card, profile, account settings, notifications, doubt chat, homework, assignments, documents, transport, exam schedule, and health card.
Teacher UI
Dashboard, class attendance, timetable, student list, notices, HR announcements, leave request, leave history, leave approval preview, HR complaint, profile, account settings, salary slip preview, notifications, marks entry, doubt replies, class report, homework assignment, student performance, exam duty, and parent messages.
Employee UI
Dashboard, attendance, leave request, leave history, salary slip preview, notices, profile, account settings, notifications, leave approval, team leave requests, approval history, HR complaint, and document center.
Parent UI
Dashboard, child profile, attendance, fees, fee payment, dummy gateway, payment success, payment history, professional receipt preview, result, notices, communication, profile, account settings, notifications, grievance, grievance history, teacher message, child documents, transport, medical info, meeting request, and homework overview.
Communication, Chat, and Push UI
CodideX Mobile includes a mobile notification center, push notification preview, communication showcase, chat showcase, student doubt chat, teacher doubt replies, parent-teacher messaging, HR complaint UI, and parent grievance communication screens.
All communication flows are static frontend demonstrations. They do not send real messages, notifications, emails, SMS, WhatsApp messages, or push notifications.
Authentication UI Flow
CodideX Mobile includes frontend-only auth screens at /auth/: splash screen, role selector, login, signup, OTP verification, forgot password, and reset password UI.
The auth flow is a static UI preview only. It does not include real authentication, password verification, OTP delivery, email/SMS, API, database, or backend services.
Account Settings UI
Role-wise account settings pages are included for Student, Teacher, Employee, and Parent apps. Each page includes notification settings, profile settings, and security settings such as password reset links, two-step verification preview, log out all devices, and logout routing.
Account and security settings are frontend UI demos only. They do not update real profiles, devices, passwords, 2FA, email addresses, notification preferences, or sessions.
Fee Payment UI & Dummy Gateway
Student and Parent apps include frontend fee payment pages, a dummy gateway UI, payment success screens, payment history screens, and receipt placeholder pages. The dummy gateway shows Cash, Card, UPI, and Net Banking UI options for preview.
Payment screens are frontend UI only. No real payment gateway, Razorpay, PayU, Cashfree, PhonePe, Stripe, UPI processing, card processing, bank integration, backend, API, database, real transaction, real receipt generation, or PDF generation is included.
Receipt & Salary Slip Preview UI
Student and Parent apps include professional fee receipt preview pages. Teacher and Employee apps include salary slip preview pages with earnings, deductions, net salary, print actions, and dummy PDF download buttons.
Receipt and salary slip screens are frontend UI only. No real PDF generation, receipt engine, payroll engine, salary processing, payment confirmation backend, database, API, server-side printing, or real downloadable file generation is included.
Teacher HR Self-Service UI
Teacher app includes frontend-only HR self-service pages for leave request, leave history, coordinator leave approval preview, HR complaint, HR announcements, and salary slip access.
Teacher HR pages are static UI previews only. No leave backend, HR workflow engine, payroll backend, database, API, or approval processing is included.
Dark Mode and Avatar System
Dark/light behavior is handled with CSS variables and frontend JavaScript toggles. Symbolic grey human silhouette avatars are used across student, teacher, employee, parent, child, and contact areas.
Packaging Note
Professional mobile phone-frame preview is available at /preview/index.html. Authentication UI preview starts at /auth/splash.html.
Marketplace screenshots are organized at /marketplace/screenshots/, with a gallery page at /marketplace/screenshots/index.html. Preview images are stored in /marketplace/preview-images/.
Screenshot assets support mixed dimensions. Portrait mobile screen captures and landscape preview screenshots are both supported without forcing one fixed image size.
/02_reference/ is development-only reference material for CodideX Core visual reference. Do not edit it and do not include it in the final buyer package.
Use the package checklist before creating a marketplace ZIP.