01
Marketing
Shared accessible navigation, structured service and industry information, portfolio disclosure.
Technology & SaaS
Aegis North
Aegis North is a fictional UK/Europe managed cybersecurity services concept built as a static React portfolio experience.
Technology and SaaS websiteaicybersecurityworkflow
Visit live website ↗aegis-north.vercel.app
Project type
Technology and SaaS website
Industry
Technology & SaaS
Experience
Responsive web experience
Availability
Live deployment
Project overview
Inside the Aegis North experience
Aegis North is a fictional UK/Europe managed cybersecurity services concept built as a static React portfolio experience. It is designed to demonstrate how a cyber-services site can present assessment, incident-intake, resource and SOC-demo routes without fabricating clients, monitoring, certifications, availability or security outcomes.
This repository contains a portfolio demonstration. All service descriptions, alerts, case studies, data, references and outputs are illustrative. No external data collection, credential handling, scanning or live security monitoring occurs.
The site uses React 19, TypeScript, Vite, Wouter, Tailwind CSS 4, shadcn/ui primitives, Motion for React, GSAP, Recharts and deterministic local data.
Experience details
Key features and interaction highlights
02
Content
Search, filter, sort, shareable URL state, result counts, load-more, empty/error illustration, breadcrumbs and copy-link.
03
Workflows
Multi-step local flows with validation, Back/Next, review, safe data notices, local draft persistence and deterministic references.
04
Portal
Deterministic SOC demo, seeded roles, visible permission-denied behaviour, alert filtering, local archive state, notification-rule mock and session-expiry simulation.
05
Legal
Concept disclosure, privacy limitations, accessibility intent and portfolio case study.
Visual gallery
Desktop details and mobile experience
Three genuine captures from the live deployment show the opening view, an interior content section, and the responsive mobile composition.
Build characteristics
Technology and delivery signals
Labels come from project documentation where available; conservative delivery characteristics are used when a repository does not specify its stack.
ReactTypeScriptViteTailwind CSSGSAPMotion for ReactWoutershadcn/ui
Project FAQ
Questions about Aegis North
What is Aegis North?
Aegis North is a fictional UK/Europe managed cybersecurity services concept built as a static React portfolio experience.
Who is the Aegis North website designed for?
Teams evaluating the product, its use cases, workflow, and route to adoption.
What does the Aegis North experience include?
The documented experience includes marketing, content, workflows, portal. The live website shows the complete interface and interaction flow.
Can I view Aegis North online?
Yes. Use the “Visit live website” link on this page to open the current public deployment.
