neric89.github.io/index.html at main · neric89/neric89.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Eric Nelson</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
</head>

<body>
    <header class="bg-dark text-white">
        <h1 class="display-1">Eric Nelson</h1>
        <h2 class="display-6 text-muted">Full Stack Web Developer</h2>
    </header>

    <nav class="navbar sticky-top navbar-expand-lg bg-dark text-white d-flex justify-content-evenly">
        <a class="nav-link text-white" href="#work-samples">Work Samples</a>
        <a class="nav-link text-white" href="#skills">Skills</a>
        <a class="nav-link text-white" href="#about-me">About Me</a>
    </nav>

    <main>
        <div id="work-samples" class="text-black">
            <div class="sample" id="work-intro">
                <h2 class="hs-2">Work Samples</h2>
                <p>I've done quite a few projects, and unfortunately a lot of them I can't show here because
                    it is proprietary information of DISH Network, but here are some highlights that I can share:</p>
            </div>
            <div class="sample" id="card-cave">
                <h3 class="hs-3">Card Cave</h3>
                <p class="fs-5">Youtube channel looking for a website? Been there, done that!</p>
                <p>I built a fully responsive, interactive website for the Command Valley Youtube channel.</p>
                <div class="img-div">
                    <img class="img-fluid" src="images/card_cave.png">
                </div>
                <p>Unfortunately, this website has been taken down since Command Valley stopped making videos, but you
                    can see some screenshots of it, and the code is still available to view upon request!</p>
            </div>
            <div class="sample" id="ScrApp">
                <h3 class="hs-3">ScrApp - an App for Scrap!</h3>
                <p class="fs-5">Need a desktop or mobile app? I've done that too!</p>
                <p>I built a point-of-sale application for a local business &ndash; a scrap metal recycling facility.
                </p>
                <div class="img-div">
                    <img class="img-fluid" src="images/ScrApp.png">
                </div>
                <p class="fs-5">Computer Vision</p>
                <p>ScrApp was designed with the customer's needs in mind, and came complete with advanced
                    computer-vision and image-processing algorithms, which enabled:</p>
                <ul>
                    <li>Scanning and decoding Driver's License data</li>
                    <li>Scanning and decoding Vehicle Titles</li>
                    <li>VIN Decoding</li>
                    <li>Automatic price updates from PDFs</li>
                    <li>Automatic PDF form filling and printing</li>
                    <li>...and more!</li>
                </ul>
            </div>
            <div class="sample" id="3d-turtles">
                <h3 class="hs-3">3D Turtles</h3>
                <p class="fs-5">Giving back to the community &ndash; in 3D!</p>
                <p>Python Turtles is a simple drawing tool that is controlled with code, and it is used to help
                    beginners learn to program. It has several uses in more advanced applications, too, like making
                    simple games, etc. But, you're stuck in 2D.</p>
                <p>Not anymore! I made an open source module that expands the turtles to the third dimension!</p>
                <div class="img-div">
                    <img class="img-fluid" src="images/3DTurtles.gif">
                </div>
                <p>I used the same concepts involved in 3D game design to give coders the power of 3D, and I made it
                    free for anyone to use!</p>
            </div>
            <div class="sample" id="tbc">
                <h3 class="hs-3">To Be Continued...</h3>
                <p>I have made way more cool stuff than this, and am working on even more! Here are some other things I
                    have done or have plans for:</p>
                <ul>
                    <li>Portfolio website for a friend</li>
                    <li>Homemade CNC Machine with custom GCode interpreter</li>
                    <li>3D scanning app for 3D printers</li>
                    <li>Total Build-DPS website for Destiny 2</li>
                    <li>...and more!</li>
                </ul>
            </div>
        </div>
        <div class="bg-dark text-white" id="skills">
            <h2 class="hs-2">Skills</h2>
            <p>I've done quite a bit, and as a result, I've developed quite a few skills over the years:</p>
            <ul>
                <li>Web Development</li>
                <li>Desktop Development</li>
                <li>Mobile Development</li>
                <li>Python</li>
                <li>JavaScript</li>
                <li>REACT</li>
                <li>NodeJS Express</li>
                <li>Flask</li>
                <li>Bash</li>
                <li>Linux System Administration</li>
                <li>C/C++</li>
                <li>Java</li>
                <li>HTML5/CSS3</li>
                <li>JQuery</li>
                <li>APIs</li>
                <li>PyQT</li>
                <li>Flutter</li>
                <li>Dart</li>
                <li>SQL</li>
                <li>Data Recovery</li>
                <li>Bootstrap</li>
            </ul>
        </div>
        <div class="bg-white text-black" id="about-me">
            <h2 class="hs-2">About Me</h2>
            <p>I am currently employed at <a href="https://www.sling.com">SlingTV</a>, a subsidiary of DISH Network. I am a Full Stack Developer, and I
                build and manage a lot of the monitoring tools we have, and I create visualizations for the monitoring
                data we receive. Naturally a lot of this data is proprietary, which is why I can't show any of that here.</p>
            <p>Reach out to me at <a href="mailto:nelson.eric.n@gmail.com">nelson.eric.n@gmail.com</a>, or check out my <a href="resume.html">resume</a>.</p>
        </div>
    </main>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
        crossorigin="anonymous"></script>
</body>

</html>