cchlee.github.io/dashboard.html at master · Cchlee/cchlee.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
<html>

<head>
    <title>Chris' Time at Invictus</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="main.css" />
    <noscript>
        <link rel="stylesheet" href="assets/css/noscript.css" />
    </noscript>
    <script src="main.js"></script>
</head>

<body class="is-preload">
    <div class="not-main">
        <!-- Wrapper-->
        <div id="wrapper">

            <!-- Nav -->

            <!-- Main -->
            <div id="main">

                <!-- Me -->
                <p>
                    <div class="row">
                        <div class="col-6">
                            <h2>Fund Dashboard</h2>
                            <br>
                            <b>Timeline:</b> August 2018
                            <br>
                            <b>Created For:</b> Invictus Capital
                            <br><br> This was the basic dashboard I created for Invictus Capital. I developed the front end and back
                            end of a dashboard from scratch and it allowed the Fund Manager to directly update the company's
                            holdings within a certain token(e.g. 20 BTC -> 10 BTC). I used React.js for the front end and
                            Falcon for the backend, with ReThinkDB as the database Previously, to rebalance the fund manager
                            would need to write down all the updated balances and then give them to the software engineers
                            who would change it on the backend. This happened weekly and was time consuming. The dashboard
                            also allowed the user to see addresses of their tokens, and provided Create and Update functions
                            for these addresses, allowing the user to easily edit addresses. This would be extremely useful
                            for tokens such as IOTA, which have a non-consistent way of updating their tokens.
                            <br><br> Again, these were still relatively new frameworks for me to use, so I learned a lot just from
                            doing this project. To develop the overall look I used Figma, and then worked with the marketing
                            team to follow their standards. I was particularly excited to be using React.js, as it is very
                            popular now for app development.

                        </div>
                        <div class="col-1"></div>
                        <div class="col-5">
                            <video id="sampleMovie" width=90% height=60% src="videos/InvictusRecording.mov" controls></video>
                            <br>
                            <div class="vid-caption">
                                <i>This is a recording of my main project, the fund dashboard that I created for the company.
                                    Here I showcase different features of the dashboard such as user login-ins, editing balances
                                    of different tokens (which maintains edited on the backend as shown by refreshing the
                                    page) and adding in addresses for specific tokens.
                                    <i>
                            </div>
                        </div>
                    </div>
                </p>
            </div>
        </div>
    </div>
</body>

</html>