ericnation.github.io/dashboard-admin.html at master · ericnation/ericnation.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<section class="section section-diff">
  <div class="container">

    <div class="project-nav">
      <a href="#" class="project-close"><i class="fa fa-times-circle-o"></i></a>
    </div>

    <div class="project-title">
      <h1>Admin Dashboard (InkSoft)</h1>
    </div>

    <div class="project-wrap">
      <div class="browser-window">
        <div class="browser-header">
          <ul class="header-btns">
            <li><span class="browser-header-circle red"></span></li>
            <li><span class="browser-header-circle yellow"></span></li>
            <li><span class="browser-header-circle green"></span></li>
          </ul>
        </div>
        <i class="fa fa-play-circle"></i>
        <video class="portfolio-video" title="IUI Angular Component Library Application" width="720" height="auto" preload="none"
          poster="img/portfolio/inksoft/admin-dashboard.png">
          <source src="video/Admin-Dashboard.mp4" type="video/mp4">
        </video>
      </div>
    </div>

    <div class="row">
      <div class="col-sm-4 col-md-3">
        <h5 class="small-header">
          <span>Project info</span>
        </h5>
        <div class="project-info">
          <span><small>Employer:</small> InkSoft</span>
          <span><small>Date:</small> October 2017</span>
          <br />
          <ul class="tags">
            <li><a href="#">Angular 2.x</a></li>
            <li><a href="#">JavaScript</a></li>
            <li><a href="#">HTML5</a></li>
            <li><a href="#">CSS3/Sass</a></li>
          </ul>
          <br />
          <a href="https://beta.inksoft.com/molnar/config/fulfillmentlanding" class="btn btn-primary" target="_blank">Launch Application</a>
        </div>
      </div>

      <div class="col-sm-8 col-md-9">
        <div class="row">
          <div class="col-sm-12 portfolio-copy">
            <h5 class="small-header">
              <span>Background</span>
            </h5>
            <p>
              InkSoft’s Dashboard for our Admin app was old, outdated, and not very attractive looking. It needed a makeover, the
              legacy Dashboard didn’t have much even on it and it was lacking anything useful. It was just a simple landing page the
              user was directed to after logging into our system.
            </p>
          </div>
          <div class="col-sm-12">
            <h5 class="small-header">
              <span>Process and Solution</span>
            </h5>
            <p>
              We already had a handful of feedback requests from our customers on features and information they would want on the
              Dashboard page. Some of these features were alerts for the system, Quick Links panel, general order information, Store
              data, and quick actions. I love the sleek Design that our designer came up with for this page! We also designed our own
              svg icons. This project was built in Angular 1.x and I had a lot of fun building it! Once it was released we got a lot
              of positive input from our customers.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="js/main.js"></script>
</section>