SecureTrack — Frontend

Overview

This repository contains the frontend application of SecureTrack, a project originally developed at ORT Belgrano.

SecureTrack is an MVP that delivers a QR-based security and access management system designed for schools and universities. It combines a fast, modular frontend with secure backend APIs and hardware integration.

This repo specifically covers the client-side (UI/UX) built with React + Vite, deployed on Vercel.

---

Features (in this repo)

• User Interface & Experience built in React with reusable components
• QR workflow: generation and validation of personalized QR codes
• Context-aware navigation: building/floor/room selection for device checkout
• Multilingual support via i18n.js
• Modular routing with Routes.jsx and App.jsx
• Layouts and shared UI components for consistency
• Integration-ready design to connect with backend and hardware endpoints

---

Repository structure

/public          # Static assets
/src
  /api           # API integration layer
  /asistentes    # Attendance / assistants module
  /home          # Homepage
  /layout        # Layout components
  /pages         # Main page-level components
  /qr            # QR code generation & validation
  /selector      # Building/floor/device selector
  /shared        # Shared UI components
  /user          # User-related logic
  App.jsx        # Main React component
  main.jsx       # App entrypoint
  Routes.jsx     # Central routing
  i18n.js        # Internationalization
  index.css      # Global styles
index.html       # Root HTML file
vite.config.js   # Vite config
vercel.json      # Deployment config
package.json     # Dependencies & scripts

---

Tech Stack (Frontend)

• React — component-based UI
• Vite — fast dev server and build tool
• CSS — global and modular styling
• i18n.js — multilingual support
• Vercel — deployment and hosting

---

Project context

SecureTrack was born as a student-driven MVP to solve the problem of managing shared devices in schools.

• The Problem: device loss, misuse, and no audit trail
• Our Solution: QR-based flow with user identity, location, and permissions
• Impact: reduced losses, faster checkouts, better accountability, and real-time data

---

Status

• This repo = Frontend MVP (functional and well achieved)
• Integrated with SecureTrack backend (API + QR logic) and IoT hardware
• Ready for demo and future iterations