Skip to content

Commit a8db19d

Browse files
Mattia-FranchiniMattia-Franchini
committed
feat(release): finalize full-stack architecture and UI for v1.0.0 release candidate
Comprehensive system delivery: - UI/UX: Implemented professional Bento Grid layout (2x2) with dark mode support. - Control Engineering: Integrated Bode, Nyquist, and Step Response visualization. - AI Logic: Deployed heuristic optimization engine with multi-objective performance constraints. - Security: Completed secure Auth system with bcrypt hashing and protected design views. - Persistence: Finalized full CRUD lifecycle with MongoDB for user-centric project management. - Export: Added automated MATLAB (.m) and JSON report generation. - QA: Established Vitest unit testing and Cypress E2E automated suites.
1 parent 2fe539a commit a8db19d

8 files changed

Lines changed: 63 additions & 19 deletions

File tree

‎frontend-ui/src/App.tsx‎

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -17,20 +17,18 @@ import FunctionsIcon from '@mui/icons-material/Functions';
1717
import TollIcon from '@mui/icons-material/Toll';
1818

1919
// Imports
20-
import Navbar from './components/layout/Navbar';
21-
import BodePlot from './components/dashboard/BodePlot';
22-
import SystemInputForm from './components/dashboard/SystemInputForm';
23-
import CompensatorDetails from './components/dashboard/CompensatorDetails';
24-
import LockedView from './components/feedback/LockedView';
25-
import AuthModal from './components/modals/AuthModal';
26-
import MethodologyCard from './components/dashboard/MethodologyCard';
27-
import ProjectsModal from './components/modals/ProjectsModal';
28-
import FeedbackSnackbar from './components/feedback/FeedbackSnackbar';
29-
import StepResponsePlot from './components/dashboard/StepResponsePlot';
30-
import NyquistPlot from './components/dashboard/NyquistPlot';
31-
import SummaryCards from './components/dashboard/SummaryCards';
32-
import DashboardSkeleton from './components/feedback/DashboardSkeleton';
33-
import BentoTile from './components/layout/BentoTile';
20+
import { Navbar, BentoTile } from './components/layout';
21+
import {
22+
BodePlot,
23+
StepResponsePlot,
24+
SummaryCards,
25+
SystemInputForm,
26+
CompensatorDetails,
27+
MethodologyCard,
28+
NyquistPlot
29+
} from './components/dashboard';
30+
import { AuthModal, ProjectsModal } from './components/modals';
31+
import { DashboardSkeleton, FeedbackSnackbar, LockedView } from './components/feedback';
3432

3533
import { performOptimization, getUserProjects, deleteProject, updateProjectName } from './services/apiService';
3634
import type { OptimizationResponse, SystemInput, User } from './types/ControlSystems';

‎frontend-ui/src/components/dashboard/SystemInputForm.tsx‎

Lines changed: 19 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,20 @@ const SystemInputForm: React.FC<SystemInputFormProps> = ({ onSubmit, isLoading }
2727

2828
const isValidCSV = (str: string) => /^[0-9,.\s-]+$/.test(str);
2929

30+
const isFormInvalid = () => {
31+
return (
32+
!isValidCSV(numStr) ||
33+
!isValidCSV(denStr) ||
34+
pmStr.trim() === "" ||
35+
bwStr.trim() === "" ||
36+
essStr.trim() === ""
37+
);
38+
};
39+
3040
const handleSubmit = (e: React.FormEvent) => {
3141
e.preventDefault();
32-
if (!isValidCSV(numStr) || !isValidCSV(denStr)) return;
42+
43+
if (isFormInvalid()) return;
3344

3445
onSubmit({
3546
numerator: parseCSVToNumbers(numStr),
@@ -47,6 +58,7 @@ const SystemInputForm: React.FC<SystemInputFormProps> = ({ onSubmit, isLoading }
4758

4859
<Stack spacing={3} sx={{ mt: 2 }}>
4960
<TextField
61+
required
5062
label="Numerator G(s)"
5163
error={!isValidCSV(numStr)}
5264
helperText={!isValidCSV(numStr) ? "Invalid format (use 1, 2, 3)" : "Descending powers of s"}
@@ -66,6 +78,7 @@ const SystemInputForm: React.FC<SystemInputFormProps> = ({ onSubmit, isLoading }
6678
/>
6779

6880
<TextField
81+
required
6982
label="Denominator G(s)"
7083
error={!isValidCSV(denStr)}
7184
helperText={!isValidCSV(denStr) ? "Invalid format" : "Example: '1, 2, 1' for s^2 + 2s + 1"}
@@ -83,6 +96,7 @@ const SystemInputForm: React.FC<SystemInputFormProps> = ({ onSubmit, isLoading }
8396
{/* Target PM */}
8497
<Grid size={{ xs: 12 }}>
8598
<TextField
99+
required
86100
label="Target Phase Margin (°)"
87101
type="number"
88102
value={pmStr}
@@ -95,20 +109,22 @@ const SystemInputForm: React.FC<SystemInputFormProps> = ({ onSubmit, isLoading }
95109
{/* Bandwidth */}
96110
<Grid size={{ xs: 6 }}>
97111
<TextField
112+
required
98113
label="Min Bandwidth (rad/s)"
99114
type="number"
100115
value={bwStr}
101116
onChange={(e) => setBwStr(e.target.value)}
102117
fullWidth
103118
disabled={isLoading}
104-
placeholder="Optional"
119+
placeholder="e.g. 10"
105120
InputLabelProps={{ shrink: true }}
106121
/>
107122
</Grid>
108123

109124
{/* Steady State Error */}
110125
<Grid size={{ xs: 6 }}>
111126
<TextField
127+
required
112128
label="Max SS Error"
113129
type="number"
114130
value={essStr}
@@ -126,7 +142,7 @@ const SystemInputForm: React.FC<SystemInputFormProps> = ({ onSubmit, isLoading }
126142
type="submit"
127143
variant="contained"
128144
fullWidth
129-
disabled={isLoading || !isValidCSV(numStr) || !isValidCSV(denStr)}
145+
disabled={isLoading || isFormInvalid()}
130146
sx={{ height: 55, fontWeight: 'bold', borderRadius: 2 }}
131147
startIcon={<TuneIcon />}
132148
>

‎frontend-ui/src/components/dashboard/index.ts‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/**
2+
* @file index.ts
3+
* @description Barrel export for Dashboard domain components.
4+
*/
5+
export { default as BodePlot } from './BodePlot';
6+
export { default as StepResponsePlot } from './StepResponsePlot';
7+
export { default as SummaryCards } from './SummaryCards';
8+
export { default as SystemInputForm } from './SystemInputForm';
9+
export { default as CompensatorDetails } from './CompensatorDetails';
10+
export { default as MethodologyCard } from './MethodologyCard';
11+
export { default as NyquistPlot } from './NyquistPlot';

‎frontend-ui/src/components/feedback/index.ts‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
/**
2+
* @file index.ts
3+
* @description Barrel export for Feedback and Status components.
4+
*/
5+
export { default as DashboardSkeleton } from './DashboardSkeleton';
6+
export { default as FeedbackSnackbar } from './FeedbackSnackbar';
7+
export { default as LockedView } from './LockedView';

‎frontend-ui/src/components/layout/Navbar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -136,7 +136,7 @@ const Navbar: React.FC<NavbarProps> = ({ mode, onToggleTheme, isLoggedIn, onLogo
136136
</MenuItem>
137137

138138
{/* 2. PROJECTS */}
139-
<MenuItem onClick={handleOpenProjects}>
139+
<MenuItem onClick={() => handlePlaceholderAction("Projects")}>
140140
<ListItemIcon>
141141
<FolderSharedIcon fontSize="small" />
142142
</ListItemIcon>

‎frontend-ui/src/components/layout/index.ts‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
/**
2+
* @file index.ts
3+
* @description Barrel export for Layout components.
4+
*/
5+
export { default as Navbar } from './Navbar';
6+
export { default as BentoTile } from './BentoTile';

‎frontend-ui/src/components/modals/index.ts‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
/**
2+
* @file index.ts
3+
* @description Barrel export for Modal components.
4+
*/
5+
export { default as AuthModal } from './AuthModal';
6+
export { default as ProjectsModal } from './ProjectsModal';

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"description": "![Build Status](https://img.shields.io/badge/Status-In_Development-orange) ![Tech Stack](https://img.shields.io/badge/Stack-React_|_Node_|_Python-blue) ![Testing](https://img.shields.io/badge/Tests-Cypress_|_Vitest-green)",
55
"main": "index.js",
66
"scripts": {
7-
"start": "concurrently \"cd ai-engine && venv\\Scripts\\uvicorn main:app --reload --port 8001\" \"cd backend-api && npm start\" \"cd frontend-ui && npm run dev\""
7+
"start": "concurrently \"cd ai-engine && source venv/bin/activate && uvicorn main:app\" \"cd backend-api && npm start\" \"cd frontend-ui && npm run dev\""
88
},
99
"repository": {
1010
"type": "git",

0 commit comments

Comments
 (0)