Vite was used to build this React project.
npm install
npm run dev
npm run build
npm run preview
Integration testing for views with Cypress
npm test
At the top of the page, a navigation bar is provided for the user to move around the different views
The project main view (HOME) contains links to the two main CRUD views where all the main application functionalities take place
Gateways and Peripheral devices CRUD's
The existent elements information is displayed as a set of cards which also contain action buttons for edit and delete the element. There's also a special card at the end of the list which propose is to add a new element to the system. For edition. There's a dialog listing all the properties of the element inside an interactive component that also allows their modification.
The mobile-first responsive design approach was taken and then the resultant components were modified to fit a desirable design for bigger screens.