froggie4321.github.io/index.html at main · froggie4321/froggie4321.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
<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>Hector Alvarado Portfolio</title>
    <!-- <link rel="icon" type="image" href="images/profile-pic.ico"></link> -->

    <link href="styles/style.css" rel="stylesheet">

    <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=Space+Grotesk:wght@400;700&display=swap" rel="stylesheet">


</head>
<body>


    <div id="introduction">

        <h1 id="intro-header">Hello I'm Hector Alvarado.</h1>

        <a href="https://github.com/froggie4321" target="_blank" alt ="link to github account">Github Link</a>
        <a href="https://www.linkedin.com/in/Hector-D-Alvarado" target="_blank" alt="link to linked in account">Linked In</a>

        <p id="intro-paragraph">

            I am an undergraduate student pursuing a Bachelors in Software Engineering from the University of Texas Arlington (UTA). I'm currently the Vice-President of Mobi, a non-profit organization of 500+ members, and the third-largest at UTA. Our organization aims to promote an inclusive, tight-knit community within the software engineering and computer science space where students can make friends and learn from each other. I am looking for an internship as a Software Developer for a company that values their employees and has a good work-life balance. If you believe I am a good fit for your company, please contact me through any of the methods listed above.
        </p>


        <!-- this is how you write comments in HTML-->

    </div>


    <div id="mobi">
       <img id="mobi-logo-image" src="images/mobi-logo-black.svg" alt="Mobi Logo" role="img" loading="lazy">

        <div id ="mobi-left">

         <img id="mobi-image-1" src="images/quadrangle.png" alt="Image of all Quadrangle members (mobi,csec,GDC,ACM)" loading="lazy">

        <p id="mobi-paragraph-left">
        Mobi is a community-driven developer club based at the University of Texas at Arlington. We strive to make an inclusive learning environment where students can come together to teach and learn from each other. We hold regular events with various topics including social coding, hackathons, resume workshops, and community driven projects.
        </p>
        </div>


        <div id="mobi-right">

            <img id="mobi-image-2" src="images/Mobi-officers.png" alt="Image of Mobi officers" loading="lazy">

            <p id="mobi-paragraph-right">
             Mobi has been redesigned to become more focused on inclusivity and community building. To match the new vision in summer 2022, it was decided to rip out all the old administration to build the non-profit organization from the ground up.

This meant making a new constitution, administration documentation, financial strategy, logo, resource documentation, design templates, marketing strategy, roadmap, onboarding/offboarding strategy, social media, and websites updates. The effort is not wasted, as the foundation laid this summer will allow for a clearer future. As the Vice-President of Mobi, I am glad to be part of the group of hard-working officers that have help lead the direction change for the organization. Check out some of the organization's social links below.
            <p>
        </div>
     <a href="https://github.com/mobi-uta" target="_blank" alt ="link to Mobi github account">Github</a>
     <a href="https://www.youtube.com/c/mobiuta" target="_blank" alt ="link to Mobi Youtube Account">Youtube</a>
     <a href="https://www.facebook.com/MOBI.UTA/" target="_blank" alt ="link to Mobi Facebook account">FaceBook</a>
     <a href="https://www.instagram.com/mobiuta/" target="_blank" alt ="link to Mobi Instagram account">Instagram</a>
     <a href="https://twitter.com/utamobi" target="_blank" alt ="link to Mobi Twitter account">Twitter</a>
     <a href="https://mavorgs.campuslabs.com/engage/organization/Mobi" target="_blank" alt ="link to Mobi MavOrgs account">Mavorgs</a>
     <a href="https://uta.mobi/" target="_blank" alt ="link to Mobi Website account">Website</a>

    </div>


    <div id="projects">

        <h1 id="projects-header">Projects</h1>


   <div id="projects-first">

       <div id="projects-first-text">
        <h2 id="projects-header-first">MavStudy</h2>

        <p id="projects-paragraph-first">

       MavStudy was created to bring students at the University of Texas At Arlington an easy to use phone app focused on the Central library. We worked together with Duncan Mathew, an adminstrator at the Central library, on developement of the Application. The app focused on two key areas:
        </p>
        <ol id="projects-first-paragraph-order-list">
       <li>Allowing students to book central library rooms remotely </li>
       <li>Allowing users to see items available to rent from the central library</li>
       </ol>
        <p id="projects-paragraph-first-second-half">
        When the user is booking a room they will have the option to select the room, date, and time from the app. When the user is looking to borrow an item they will get a picture of aforementioned item, a short descriptions showing how long they can borrow an item, and how many are currently in stock. The user will also have access to their past room booking details. The app also had all the usual features such as login verification, user profile customization, and a history view.
        </p>


        <h2 id="projects-first-list-header">Technologies</h2>
        <ul id="projects-first-list-items">
        <li ><span class="projects-keywords">Flutter:</span> Was selected for its ability to allow us to deploy the app easily on Android, iOs, and the Browser.</li>
        <li><span class="projects-keywords">Dart:</span> primary language used by Flutter</li>
        <li><span class="projects-keywords">Firebase:</span> allowed us to easily sync changes between the different system the MavStudy supported</li>
        <li><span class="projects-keywords">Agile:</span> Allowed the flexibility needed to complete the app in a semester</li>
        </ul>

   <a href="https://github.com/froggie4321/MavStudy" target="_blank">
   </div>

    <div id="projects-images-first">
        <img src="images/homepage.png" alt="MavStudy Homepage image" loading="lazy">
        <img src="images/drawer-homepage.png" alt="MavStudy homepage drawer image" loading="lazy">
        <img src="images/room-booking.png" alt="MavStudy room booking page image" loading="lazy">
        <img src="images/time-selection.png" alt="MavStudy room booking time selection page image" loading="lazy">
        <img src="images/item-list.png" alt="MavStudy item list page image" loading="lazy">
        <img src="images/item-details.png " alt="MavStudy item details page image" loading="lazy">

   </div>
   </a>

    </div>


    <div id="projects-second">
    <div id="projects-second-text">
        <h2 id="projects-header-second">Octagon Temple</h2>

        <p id="projects-paragraph-second">

        Octagon Temple is a community driven software project spearhead by Mobi and CSEC. The goal of the project is to develope a point system that can be used by clubs in the university to track members engagement. The project revolved around the idea of using an NFC token to store points in a decentralized manner. The NFC token could then be scanned in an PN532 NFC reader that was connected to a raspeberri pi for authentication, reading, and writting of the Token. The user will also be able to check their points on an app that is made using the React Native Framework. The team working on Octagon Temple is assembled by a broad range of students from the University of Texas at Arlignton.

        </p>
        <h2 id="projects-second-list-header">Technologies</h2>
        <ul id="projects-second-list-items">
        <li ><span class="projects-keywords">React Native:</span> Was selected for its ability to allow us to deploy the app easily on Android, iOs, and the Browser.</li>
        <li><span class="projects-keywords">JavaScript:</span> primary language used by React Native</li>
        <li><span class="projects-keywords">C:</span> Used for the Libgcrypt library for and the NFC functionality of the app </li>
        <li><span class="projects-keywords">Agile:</span> was used to simulate an eviroment of working in a mordern day software developer setting </li>
        </ul>


   </div>
   <a href="https://github.com/mavs-octagon/Temple" target="_blank">
   <div id="projects-images-second">
        <img src="images/octapoints-cover.png" alt="Project Temple layout image" loading="lazy">
        <img src="images/temple-group-photo.png" alt="Project Temple team image" role="img" loading="lazy">
   </div>
   </a>
    </div>


    </div>


    <footer></footer>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="scripts/main.js"> </script>

</body>
</html>