dd7f6bb745
- Fix og:image and twitter:image to use absolute URLs (was the root cause of missing social preview image) - Add og:image:width, og:image:height, og:image:alt, og:image:type - Add og:site_name, og:locale, twitter:site, twitter:image:alt - Add canonical link tag and robots meta - Add JSON-LD structured data for Organization, SoftwareApplication, WebSite - Add public/robots.txt pointing to sitemap - Add public/sitemap.xml for search engine crawling - Add public/site.webmanifest for PWA/mobile home screen support - Add theme-color meta and apple-touch-icon link - Update lang attribute to en-PH
TapTrack — Marketing Website
Official marketing and product website for TapTrack, a smart NFC-based student attendance management system built for Philippine schools.
About TapTrack
TapTrack automates student attendance tracking with:
- NFC tap-in for instant, paperless attendance
- Real-time SMS alerts to parents
- Cloud-based dashboards for administrators and principals
- Automated monthly billing and reports
Project Structure
TapTrack Website/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Page components
│ ├── assets/ # Images, icons, fonts
│ └── styles/ # Global styles & Tailwind config
├── public/ # Static assets
└── index.html
Tech Stack (Planned)
- Framework: Vue 3 + TypeScript
- Styling: Tailwind CSS v4
- Build: Vite
- Deployment: Vercel / Netlify
Design
Mock design created in Pencil. Pending approval before development begins.
Pages
/— Landing page (hero, features, pricing, testimonials)/features— Full features breakdown/pricing— Detailed pricing & comparison/about— Company story/contact— Contact & demo request form/blog— News & updates
Getting Started
npm install
npm run dev
Status
Design phase — awaiting approval before development begins.