Printers Discovery

This application aims to analyze the local network in search of prototypes of printers, capturing and storing their information.

The interface allows users to view the information collected in three different ways: the icons view, the list view and the columns view (accessible from the upper left buttons).

In the upper central part of the interface is the search field, which allows a basic filtering of the information displayed. If a more advanced filtering is required, users can create custom filters (second upper right button).

Regarding the interaction with the information shown, users can click on one of the printers to view detailed information or edit it. In addition, through the context menu (right mouse button), users can access extra features, such as the reservation calendar.

Check out a real example of the application from here.

Setup and Run

1. Download the source code
2. Install the node modules executing npm run i
3. Fill the server .env credentials.
4. Execute one of the following commands to build the application
   • npm run build (production)
   • npm run build-dev (development)
5. The build code can be found in ./client/dist and ./server/dist

Directory Structure

|- /.dependabot
    |- ...
|- /.github
    |- ...
|- /client
    |- /src
        |- /app
            |- ...
        |- /assets
            |- /favicons
                |- ...
            |- /icons
                |- ...
            |- /images
                |- ...
            |- /style
                |- ...
        |- index.html
        |- index.js
    |- package-lock.json
    |- package.json
    |- webpack.config.js
    |- webpack.dev.js
    |- webpack.prod.js
|- /server
    |- /src
        |- /app
            |- ...
        |- HPDiscovery
            |- ...
        |- index.js
    |- example.env
    |- package-lock.json
    |- package.json
    |- webpack.config.js
    |- webpack.dev.js
    |- webpack.prod.js
|- .gitignore
|- LICENSE
|- package-lock.json
|- package.json
|- Procfile
|- README.md