Skip to content
WEGMSTUDIO
CampusERP website design
Custom ProjectsID: WGM044

Attendance, fees, timetables and notices for a school office, in one calm dashboard.

CampusERP

A front-end demo of a school ERP with a principal's dashboard, student directory with class filter, attendance sheet, fee tracker with printable receipts, class timetables and a notices board.

Starting at

₹9,999

Includes customisation with your content. Final price depends on changes.

What's included

  • Attendance sheet per class and date: tap to toggle present or absent, with a live summary ring, unsaved-changes note and save
  • WhatsApp button that opens a pre-filled absentee list for the selected class and date
  • Student directory with class chips, a house filter, search and a profile showing recent attendance and fee status
  • Fee tracker with Paid, Partial and Due filters and a payment form that checks the amount and the UTR or cheque number
  • Printable fee receipt with receipt number, amount in words in Indian numbering and the balance due
  • Timetable grid for each class, Monday to Saturday, with break and lunch, today's row highlighted and the current period marked
  • Notices board with category filters, pinning, WhatsApp sharing, two-step delete and a validated new-notice form
  • Dashboard with an SVG attendance trend line, fee collection bars per class and a today's-classes-marked grid
  • All changes kept in localStorage, with a two-step Reset demo data button

Pages included

  • App (single page) — Dashboard, Students, Attendance sheet, Fee tracker, Timetable, Notices board, Fee receipt, Student profile
Mobile responsiveHTML5CSS3JavaScriptGoogle FontsSVGlocalStorage

Try the live website

This is the real site running — scroll, click and switch devices.

Loading live preview…

About this template

CampusERP is a single-page school app that opens on the principal's dashboard: KPI cards for enrolment, today's attendance and fees, a 10-day attendance trend, fee collection by class, which classes are marked today and the latest notices. The sidebar links a Students directory, an Attendance sheet, a Fee tracker, class Timetables and a Notices board. It is a front-end demo with sample data for a fictional Mysuru school of 48 students in six sections; attendance, payments and notices are saved in localStorage until you press Reset demo data. Staff can filter students by class and house, open a profile, mark a class present or absent and save it, share the absentee list on WhatsApp, record a fee payment and print its receipt, switch timetables, and post, pin, share or delete notices. The school, students and fees are placeholders; the studio swaps in the customer's own and connects it to a real backend as a custom project. The look is an exercise book: paper-cream surfaces, a royal indigo sidebar with faint ruled lines and marigold highlights, set in Bricolage Grotesque for headings and Lexend for the interface. Charts are SVG drawn by the template's own script, and dialogs use short fades that respect reduced motion. On phones the sidebar becomes a bottom tab bar. It suits schools, coaching centres and education trusts that want a working model of their daily office tasks before commissioning the full system.

Design highlights

  • Exercise-book palette of paper cream, royal indigo and marigold, with leaf and brick for status
  • Bricolage Grotesque headings paired with Lexend for the interface
  • Indigo sidebar with faint ruled lines that turns into a six-tab bottom bar on phones
  • Colour-coded timetable cells with a stripe per subject and a key with weekly period counts
  • Attendance ring and trend chart drawn as SVG by the template's own JavaScript

Who it's for

CBSE, ICSE and state-board schools, coaching centres, pre-schools and education trusts in India that want to see their attendance, fee and notice workflow working before the studio builds it on a real backend with their own classes, fee heads and staff. Also useful for ed-tech teams and agencies pitching a school ERP.

Related templates

A front-end demo of a restaurant point-of-sale with a live table map, menu grid by category, an order cart with 5% GST and service charge, printable KOT and bill, and today's sales.

Starting at

₹9,999

TaskBoard

WGM118

Front-end demo of a project management app for an agency: projects sidebar, drag-and-drop kanban with a keyboard Move menu, task details with checklist and comments, assignee and priority filters, My tasks and a workload chart.

Starting at

₹9,999

Front-end demo of shop inventory and GST billing on sample data: products with low-stock alerts, stock in/out ledger, an invoice builder with CGST/SGST split and print-ready invoices, and sales reports.

Starting at

₹9,999