A responsive front-end prototype for a digital evidence and chain-of-custody management interface.
DigiVault was created as an academic web-design project to explore how investigators or administrators could interact with a digital evidence management system.
The current repository contains the front-end prototype only. It demonstrates interface design and navigation concepts for login, dashboard, and case-management screens. Authentication, evidence uploads, report generation, database storage, and backend services are not implemented.
- Responsive HTML/CSS interface
- Login screen and prototype navigation flow
- Dashboard with case status and recent activity
- Case-detail screen with metadata and notes
- Reusable navigation, cards, buttons, badges, and responsive layouts
- Accessibility-oriented labels and semantic navigation
- Mobile-responsive layout using CSS media queries
index.html— prototype login screendashboard.html— dashboard and case activity overviewcases.html— sample case detail page
digivault/
├── README.md
├── index.html
├── dashboard.html
├── cases.html
├── styles.css
├── assets/
│ └── digivault-logo.png
└── screenshots/
No build tools are required.
- Download or clone the repository.
- Open
index.htmlin a web browser. - Enter any placeholder username/password and select Login.
- Navigate between the Dashboard and Cases pages.
Because this is a front-end prototype, the login form does not validate credentials.
This project can be hosted directly with GitHub Pages because it uses static HTML and CSS.
After enabling GitHub Pages for the repository, the live site will open from index.html.
HTML5 CSS3 Responsive Web Design UI/UX Front-End Development Semantic HTML Web Prototyping
The interface represents a proposed digital evidence workflow. Items such as evidence upload, report generation, search, administration, and authentication are intentionally shown as prototype features rather than functional backend capabilities.
Alejandro Fermin