A GUI tool to visualize computer networks and perform security checks and improvements.


License
Apache-2.0
Install
npm install @infosecinnovations/project-fantastic@0.1.12

Documentation

Fantastic

About

Fantastic UI Fantastic is a visualizing tool made by InfoSec Innovations for exploring computer networks. It aims to provide a way for network security novices and professionals alike to find and fix security issues. If you don't know where to start, the quest system (work in progress!) will guide you, or you can ignore it and try out the various options by yourself.

Requirements

  • We'll only be supporting Windows 10 for the forseeable future, but other platforms may be added if there's a demand for it.
  • Node.js >= 12 (latest is recommended). You'll need to check "Automatically install the necessary tools" during the install process.
  • If you don't have git cli installed you will need that first. You can install it using Chocolatey or Git for Windows.
  • You should install nmap if using the default module.

Getting Started

To install Fantastic, simply create an empty directory where you want to run the server from and run npx fantastic-cli init. Depending on the authentication system used, you may have to configure an admin account. The Active Directory auth module is currently experimental and there is a high chance of it not working!

Once Fantastic has been installed, use npm start as administrator to run it. You can access the client at localhost:5000 by default.

Currently supported browsers:

  • Google Chrome
  • Mozilla Firefox

Currently unsupported browsers:

  • Microsoft Edge

Status of other browsers is unknown at this time.

For more information on using the application itself:

Creating your own content

If you already know some PowerShell commands, creating modules for Fantastic should be pretty straightforward for you. All of the assets are stored as JSON, one day you'll be able to edit them with the Fantastic Editor, but for now you have to work with the JSON directly, which is a still a fairly human-readable format.

Initialization

We use npm as the installation method for modules, so you'll want to start by running npm init in an empty directory to create the default package.json file, you can use the -y flag to skip the setup as you won't need to change much. You'll want the following structure:

my-awesome-module
|-- package.json
|-- actions
|   |-- action1.json
|   |-- action2.json
|   |-- ...
|-- commands
|   |-- command1.json
|   |-- command2.json
|   |-- ...
|-- stories
|   |-- story1.json
|   |-- story2.json
|   |-- ...
|-- scans
|   |-- scan1.json
|   |-- scan2.json
|   |-- ...

See the relevant help sections for how to implement each data type:

To try out your module locally you can simply go to your Fantastic install directory and do npm i path/to/your/awesome/module and then add the package name to the config file. If you want it to be available online, just publish it to the npm registry or GitHub and follow the standard npm installation process.

Fantastic Editor

The Fantastic Editor is very much a work in progress. The objective is to be able to edit and create most types of content without having to write any code or JSON directly. For the moment you can only use it to create story quests, in fact, the Forgotten Systems story was made with it.

We haven't implemented the standalone build for it, so if you want to try it out you'll need to clone the repository, and open up the editor directory in the command line and use the npm start command to run it.

Development setup

Installation

  • Clone the repository and run npm i inside the repository root.
  • Run npx lerna bootstrap to set up all the packages that make up the Fantastic development environment.

Test environment

There's a typical environment set up in the dev-test/project-fantastic directory so you can test modifications to the source code easily. Just run npm start in the dev-test/project-fantastic directory to start Fantastic, there is also a launch.json included for Visual Studio Code to run this command and debug. The admin account will have the username 'admin' and the password 'changeme' by default. You should probably change it to something more secure as Fantastic is a powerful tool when you have admin access!

There's also a test set up in dev-test/fantastic-cli to test out the CLI installer app. Note that the dependencies will be pulled from npm and not from the local repository, so only local changes to the fantastic-cli package itself will be reflected in the test. npm start will empty the test directory and run the installer inside it again.

Front-end

You do not have to build the client, there are 3 different pages which are built using webpack. These are already built and can be found in the packages/project-fantastic/src directory. However if you need to modify them, the source can be found in the front directory. The individual directories are:

  • main_interface - the app's main view. Builds to main.js.
  • node_viewer - the pop out view to inspect hosts. Builds to viewer.js.
  • logs - the logs screen viewable by admins. Builds to logs.js.

The command to build them is npm run js. If you run this in the top level front directory it will build all 3, or you can run it in an individual directory. It will automatically build your changes until you close the terminal.

The CSS is built using Stylus. You can run the build by going to the front/css directory and running npm run css. The main files are in the output directory: each .styl file from this directory will be built to a corresponding .css file on the server.

PLEASE NOTE: a lot of the documentation is out of date because the project is still changing a lot, we're trying to keep this README relevant, but there's no guarantee regarding the other docs until the project is a bit more stable.

Please join our Discord to discuss this project and provide feedback!