Got a name - BOLSHOI - and integrated AngularJS - Mainly to allow MVC and high-level control

Following our development of the IOTA Wallet

First, and most 'awesomely', we got a name for our project: BOLSHOI

Screenshot_20170705_092354.png

BOLSHOI stands for big or grand in russian. We picked it as an inspiration from the Bolshoi Simulation project of NASA which was an incredible attempt to simulate the evolution of the universe having in scope the distribution of dark matter throughout the cosmos counting from the Big Bang.

A very nice video

Secondly, we integrated AngularJS into the project

Following our research and current need for greater, higher-level, control we decided to move to an MVC architecture using AngularJS as our **main-frame"** so to speak.

It came out naturally.

Here's a screen and main code

Screenshot_20170705_152748.png

HTML HEAD

<!doctype html>
<html ng-app="BOLSHOI" ng-csp>

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>BOLSHOI - Comprehensive IOTA Wallet</title>

  <link rel="stylesheet" href="foundation/src/css/foundation.css">
  <link rel="stylesheet" href="foundation/src/css/app.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/animate.css">

  
  <script src="foundation/src/js/vendor/jquery.js"></script>
  <script src="foundation/src/js/vendor/what-input.js"></script>
  <script src="foundation/src/js/vendor/foundation.js"></script>
  <script src="foundation/src/js/app.js"></script>
  
  <script src="foundation/blocks/card-profile-stats/card-profile-stats.js"></script>
  <script src="foundation/blocks/hover-underline-menu/hover-underline-menu.js"></script>
  <link rel="stylesheet" href="css/foundation/hover-underline-menu.css">
  <link rel="stylesheet" href="css/foundation/people-you-might-know.css">
  <link rel="stylesheet" href="css/foundation/status-update-input-box.css">
  <link rel="stylesheet" href="css/foundation/flip-card.css">
  <script src="foundation/blocks/plus-minus-input/plus-minus-input.js"></script>
  <link rel="stylesheet" href="css/foundation/plus-minus-input.css">
  <link rel="stylesheet" href="css/foundation/topbar-responsive.css">
  <link rel="stylesheet" href="css/foundation/profile-card-action-icons.css">

  
  <script src="jquery/jquery-3.2.1.min.js"></script>
  <script src="js/bundle.js"></script>
  <script src="js/wallet.js"></script>
  <script src="js/controls.js"></script>

  
  <script src="angular/angular.min.js"></script>
  <script src="js/angular.js"></script>

</head>

Out of the box, we get peace of mind with views

Surely, we are in early stages so we don't have the views yet, only the "Proof of Concept". Note we only changed the right panel title to test

  • MAIN VIEW
    Screenshot_20170705_153118.png

  • DEVICE VIEW
    Screenshot_20170705_153139.png

  • SETTINGS VIEW
    Screenshot_20170705_153201.png

This is coming out really greatly. We are having so much fun doing this. :) Please, don't forget to upvote, it helps us out on development

CHEERS


EDUARDO CAPANEMA
@bitworkers

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now
Logo
Center