Paper Present

Free attendance web app gift for teachers.

Live Demo

https://mamohm.github.io/paper-present/

✨ Why Paper Present

• 🎯 Fast one-click attendance: Present, Late, Absent
• 🧑‍🏫 Built for teachers: clear roster cards and quick actions
• 🌍 Multi-language UI for diverse classrooms
• 🖨️ Printable attendance sheet (A4)
• 💾 Offline-friendly with auto-save in browser storage
• 🎬 Smooth transitions and active UI animations for better focus

🚀 Features

• 📚 Group management: create class groups and add students
• 🔍 Search + filter by status
• 🧾 Per-student signature bar
• 🧼 Clear day / bulk mark actions
• 🗑️ Safe delete flow with confirmation modal
• 🗓️ Date controls + optional calendar mode support

🧠 Teacher-Friendly UX

• Modern card design for each student
• Action buttons with visual states and hover/focus feedback
• Soft motion and transitions for active interaction
• Strong print mode layout for real classroom usage

🛠️ Tech Stack

• React 19
• Vite 7
• SCSS
• Browser localStorage (no backend required)

📦 Getting Started

npm install
npm run dev

Open the app at the local URL shown by Vite (usually http://localhost:5173).

🧪 Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

🌐 Supported Languages

English, French, Arabic, Persian, Portuguese, Spanish, Russian, Chinese, Korean, Turkish, Swahili, Vietnamese, and Urdu.

🎁 Mission

This project is a free practical gift for teachers who need a clean, fast, and reliable attendance workflow.

📄 License

Use freely for educational purposes.
If you share or improve it, please keep credit to the original project.