dangitjason.github.io/tutorbase.html at master · DangItJason/dangitjason.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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="description" content="" />
    <meta name="author" content="" />

    <title>Jason Nguyen</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

    <!-- Custom fonts for this template -->
    <link
      href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i"
      rel="stylesheet"
    />
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" />

    <!-- Custom styles for this template -->
    <link href="css/resume.min.css" rel="stylesheet" />
  </head>
  <body id="page-top">
    <nav
      class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top"
      id="sideNav"
    >
      <a class="navbar-brand js-scroll-trigger" href="#page-top">
        <span class="d-block d-lg-none">Jason Nguyen</span>
        <span class="d-none d-lg-block">
          <img
            class="img-fluid img-profile rounded-circle mx-auto mb-2"
            src="img/profile.jpg"
            alt=""
          />
        </span>
      </a>
      <button
        class="navbar-toggler"
        type="button"
        data-toggle="collapse"
        data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="/index.html">Home</a>
          </li>
        </ul>
      </div>
    </nav>
  </body>

  <div class="container-fluid p-0">
    <section
      class="resume-section p-3 p-lg-5 d-flex align-items-center"
      id="education"
    >
      <div class="w-100">
        <h2 class="mb-5">TutorBase</h2>

        <div
          class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"
        >
          <div class="resume-content">
            <h3 class="mb-0">Summary</h3>

            <div>
              TutorBase is a web-application that connects campus students to
              campus tutors. TutorBase's search functionality allows students to
              find tutors based on their desired subject, course and price range
              in under five steps. Think <strong>UpWork</strong> but for tutors.
              <br />
              <br />
              Our value is two fold: we provide tutors a business management
              tool that gives them a custom profile to market themselves to
              clients, visualize data metrics and change their weekly schedule
              times easily.
              <br />
              <br />
              Tools: MERN Stack, Git/Github, npm, Agile
            </div>
            <br />
            <br />
            <h3 class="mb-0">An Introduction</h3>

            <div>
              A college student has got to pay their loans somewhere - what
              better way to do it then teach others how to get an
              <strong>A</strong> in a course you just took! At first, I thought
              finding clients would be difficult because of the amount of
              academic resources RPI provides i.e. office hours w/ TA's. But a
              few paper adverisements and pieces of duct-tape later, I've got my
              first client! Sweet! My first client's session ends up going well
              so naturally I have to ask:
              <br />
              <br />
              "Why did you look to private tutoring for help?"
              <br />
              <br />"The office hours we're so crowded -
              <strong
                >I'm there for 2 hours and only get 10 minutes of help</strong
              >."
              <br />
              <br />
              And there behold was the problem - there's people who need help
              and not enough people to help them.
            </div>
            <br />
            <br />

            <h3 class="mb-0">A Solution</h3>
            <div>
              After that conversation, I knew personal connections and
              duct-taped advertisements weren't a long-term solution to finding
              clients. And after learning of the issue of the lack of supply of
              TA's and Tutors, I wondered if there was a way to connect
              (soon-to-be) tutors and clients in need. Afterall, most TA's
              qualifications had was that they recived an A/A- in the course.

              <br />
              <br />

              What if we connected clients with students who recieved an A/A- in
              the course? There isn't a lack of supply of theses available
              students and what broke college student is going to say no to
              giving Calculus I for $30/h?

              <br />
              <br />
            </div>

            <h3 class="mb-0">The Process</h3>
            <div>
              With this idea in mind, I talked to my CS buddy who was also a
              tutor. Given our background, we naturally gravitated towards a
              web-app based, software solution. And thus TutorBase was born!

              <br />
              <br />

              In the beginning of May, we pitched our idea to our department's
              Open Source development group and created a team to help develop
              our MVP and bring our idea to life.
              <br />
              <br />
              If you'd like to learn more about this project or about me, you
              can find my contact on the home page
            </div>
            <h3 class="mb-0">Demo</h3>
            <div
              style="
                width: 100%;
                height: 0;
                padding-bottom: 117%;
                position: relative;
              "
            >
              <iframe
                src="https://giphy.com/embed/mFvQmEpngKeUz2Tfm2"
                width="75%"
                height="75%"
                style="position: absolute;"
                frameborder="0"
                class="giphy-embed"
                allowfullscreen
              ></iframe>
              <p>
                <a href="https://giphy.com/gifs/mFvQmEpngKeUz2Tfm2"
                  >via GIPHY</a
                >
              </p>
            </div>
            <h3 class="mb-0">Links</h3>
            <div>
              Click <a href="tutorbase.pdf">here</a> for a PDF copy of our slide
              deck ofaccomplishments, progress and the future
            </div>

            <br />
          </div>
        </div>
      </div>
    </section>
  </div>
</html>