lightspeed1.github.io/projects.html at main · lightspeed1/lightspeed1.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
<!DOCTYPE html>
<html>
<head id="head">
    <title>Andy Strong</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fragment+Mono&display=swap" rel="stylesheet">
    <script src="js/getheader.js"></script>
</head>
<body class="body-class">
    <div id="header-placeholder"></div>

    <div class="page-content">
        <div class="page-name">Projects</div>
        <div class="projects-content">
            <div>
                <p class="project-name">
                    Workout Wizard
                </p>
                <div class="project-info">
                    <img class="project-image" src="img/workoutwizardpicture.png">
                    <div class="project-description">
                        Technologies: Node.js, Express.js, HTML, CSS, Vanilla (no frameworks) JavaScript, Bootstrap, PostgreSQL, API Ninjas Exercise API
                        <br><br>
                        Workout Wizard is a full-stack workout tracker app that I built because I wanted to create an application that everyone could use and that interfaces with an API. You can
                        <a href="https://workoutwizard.onrender.com/" target="_blank" style="color:aqua;"> visit it now</a>.
                        After you make an account, you can start creating workouts on the "My Workouts" page and fill them with exercises from the API Ninjas Exercise API. You can then execute your workouts on the "Do Workout" page. The weight, sets, and reps you do for each exercise are saved in the Postgres database and can be viewed on the "My Workouts" page. <a href="https://github.com/lightspeed1/workout-wizard-public" target="_blank" style="color:aqua;">GitHub link</a>.
                    </div>
                </div>
            </div>
            <div>
                <p class="project-name">
                    3D Building Game
                </p>
                <div class="project-info">
                    <img class="project-image" src="img/3dgame.png">
                    <div class="project-description">
                        Technologies: C++, OpenGL, GLEW, GLFW, GLM
                        <br><br>
                        I made this from scratch over the course of a few months (Aug 2022 - Feb 2023). This is a game where the player can build with three kinds of parts: cubes, slants (cube cut diagonally), and cylinders. The player can resize, move, copy, delete, and save their parts. An especially fun feature to implement was explosions. The player can explode their builds and watch everything blow apart in real time. To do this, I had to make sure parts could collide with eachother (I had to figure out collision detection and make a physics engine from scratch). More detail on my
                        <a href="https://github.com/lightspeed1/3d-building-game" target="_blank" style="color:aqua;">GitHub page (with video demo!)</a>.
                    </div>
                </div>
            </div>
            <div>
                <p class="project-name">
                    Visify
                </p>
                <div class="project-info">
                    <img class="project-image" src="img/visify.png">
                    <div class="project-description">
                        Technologies: JavaScript, Node.js, PostgreSQL HTML, CSS, p5.js
                        <br><br>
                        This is a full-stack website I made as part of a group of 4 when I took CSCI-3308. The backend is written in Node.js, while the frontend is written in vanilla JS. We used the p5.js library to draw the visuals. The part of the project I worked on was primarily the backend. I wrote code that handles requests from the user for different endpoints. I also was responsible for the login/logout system (along with password encryption), which required a PosgreSQL database.
                        <a href="https://github.com/lightspeed1/visify" target="_blank" style="color:aqua;">GitHub page</a>.
                    </div>
                </div>
            </div>
            <div>
                <p class="project-name">
                    Personal Website
                </p>
                <div class="project-info">
                    <img class="project-image" src="img/personalsite.png">
                    <div class="project-description">
                        Technologies: JavaScript, HTML, CSS
                        <br><br>
                        This is a static site I made to showcase projects, classes I've taken, and work experience. The main goal of this project was to become proficient with CSS, and be able to create a fairly simple site without having to constantly look up the correct CSS property for whatever I am currently making. I usually learn as I go, but for this project, I watched a long tutorial before I got started.
                        <a href="https://github.com/lightspeed1/lightspeed1.github.io" target="_blank" style="color:aqua;">GitHub page</a>.
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>