-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
230 lines (205 loc) · 11.1 KB
/
Copy pathindex.html
File metadata and controls
230 lines (205 loc) · 11.1 KB
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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html lang ="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mobile Learning App</title>
<link href="https://fonts.googleapis.com/css?family=Nunito:200,300,400,700" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<!-- CSS File-->
<link rel="stylesheet" href="app.css">
</head>
<body>
<header>
<nav id="mainNavbar" class="navbar navbar-dark navbar-expand-md py-0">
<a href="#" class="navbar-brand">NerdJS</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navLinks" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class ="collapse navbar-collapse" id="navLinks">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#Proto_head" class="nav-link">Prototypes</a>
</li>
<li class="nav-item">
<a href="#Tech_head" class="nav-link">Technologies</a>
</li>
<li class="nav-item">
<a href="#Team_head" class="nav-link">The Team</a>
</li>
<li class="nav-item">
<a href="#Client_head" class="nav-link">Client</a>
</li>
<li class="nav-item">
<a href="#Time_head" class="nav-link">Timeline</a>
</li>
</ul>
</div>
</nav>
</header>
<main role="main">
<div class="container-fluid hero d-flex align-items-center justify-content-center">
<div class="text-center">
<h2 class="display-1 mb-0">Brain Breeze</h2>
<h2 class="display-4 mb-5">NerdJS</h2>
</div>
</div>
<section class="container-fluid">
<div class='container text-center'>
<p>Inspired by the language-learning app, Duolingo, our application aims to take learning to another approach
with fun while learning with tid-bit lessons. With a more interactive approach, our app will have users be more
engaged into the content with short lessons and fun-interactive assessments.</p>
</div>
<div class='row'>
<div class='col-sm-6 my-4'>
<h4>Project Objective & Scope</h4>
<p>Design an application that will give user's an easy-to-learn interface to be engaged in education lessons with an
interactive experience that includes assessments, bookmark feature, reminder notifications, and
social media integration.
</p>
</div>
<div class='col-sm-6 my-4'>
<h4>Solution</h4>
<p>Deliver an application that gives users access to many subjects that they can learn with interactive lessons.
The application will deliver a better and engaging experience to today's students who are looking at outsides
sources such as YouTube and Wikipedia for help rather than their instructors. The application will be available
in iOS and Android devices.
</p>
</div>
</div>
<div class="container text-center">
<h4>Highlights</h4>
<p>The application will improve the way we learn by delivering a more engaging learning experience. To this day
we follow the traditional one to two hour lectures every week to obtain the material. With this app, we hope
we can break the status quo and change the learning environment with more interactive ways that can get people
more engaged into the material.</p>
</div>
<HR>
</section>
<div class="container">
<h4 class="text-center" id="Proto_head">Prototypes</h4>
<div class="row">
<div class='column'>
<img src='images/selection_proto.png' alt="menu" id="proto">
<img src='images/search.png' alt="search" id="proto">
<img src='images/lesson_page.png' alt="lesson" id="proto">
<img src='images/login.png' alt="login" id="proto">
<img src='images/educator_screen.png' alt="class" id="proto">
</div>
</div>
</div>
<HR>
<section class="container">
<h4 class="text-center" id="Tech_head">Technologies</h4>
<div class='row'>
<img src="icons/ReactNative.jpg" alt="react" id="tech">
<img src="icons/expressNode.png" alt="express" id="tech">
<img src="icons/git.png" alt="git" id="tech">
<img src="icons/github.png" alt="github" id="tech">
<img src="icons/vscode.jpg" alt="vsc" id="tech">
<img src="icons/aws.png" alt="aws" id="tech">
</div>
</section>
<HR>
<section class="container">
<div class="container text-center">
<h4 id="Team_head">Team Members</h4>
<div class='row'>
<div class="col-lg-1" id="member">
<h4>Jerald Velicaria</h4>
<h7>Backend Developer</h7>
</div>
<div class="col-lg-1" id="member">
<h4>Joshua Bartley</h4>
<h7>QA Tester & Backend Developer</h7>
</div>
<div class="col-lg-1" id="member">
<h4>Foad Olfat</h4>
<h7>Backend Developer</h7>
</div>
<div class="col-lg-1" id="member">
<h4>Alexander Meinberg</h4>
<h7>Backend Developer</h7>
</div>
<div class="col-lg-1" id="member">
<h4>Phuc Truong</h4>
<h7>Frontend Developer</h7>
</div>
<div class="col-lg-1" id="member">
<h4>Victor Peraza</h4>
<h7>Frontend Developer</h7>
</div>
<div class="col-lg-1" id="member">
<h4>Emmanuel Silva</h4>
<h7>Frontend Developer</h7>
</div>
</div>
<HR>
<div class="container text-center">
<h4 class='text-center'>Lab Advisor</h4>
<h7 class='text-center'>Dr. Ahmed Salem</h7>
</div>
</div>
</section>
<section class="container">
<div class="row">
<h2 id="Client_head">Meet the Client</h2>
<p align="left">
Dr. Mariappan Jawaharlal is the Associate Dean of the College of Engineering & Computer
Science at California State University, Sacramento who wants to improve and enhance the
student learning environment, and change how students learn rather than the traditional hour to
two-hour lectures. Dr. Jawaharlal wants to develop an app with a way for educators to have a
publishing tool to deploy educational material with an intuitive, simple user interface for learners
to use.
</p>
</div>
</section>
<hr>
<section class="container text-center">
<h4 id="Time_head">Timeline</h4>
<section class="timeline-area">
<div id="event">
<h2>Sprint 00</h2>
<h5>Completed October 20th, 2021</h5>
<h6>Prepared documentation and signed all necessary documentation.</h6>
</div>
<div id="event">
<h2>Sprint 01</h2>
<h5>Completed October 27th, 2021</h5>
<h6>Prepared context and event table diagrams to be presented to the client.</h6>
</div>
<div id="event">
<h2>Sprint 02</h2>
<h5>Completed November 1st, 2021</h5>
<h6>Created mock-up user-interface prototypes to give the client an idea how the app could potentially look like.
After meeting with client, we listed the feedback given and improved upon it.
</h6>
</div>
<div id="event">
<h2>Sprint 03</h2>
<h5>Completed December 2nd, 2021</h5>
<h6>Listed possible technologies we could use to create the app and prepared a tech demo to
demonstrate.
</h6>
</div>
<div id="event">
<h2>Sprint 04</h2>
<h5>Not Completed</h5>
<h6>Unable to meet with the client. Unable to set up AWS database at this time. Will look into using a local database in the meantime.</h6>
</div>
<div id="event">
<h2>Sprint 05</h2>
<h5>In-Progress</h5>
<h6>Work on a functional UI of the app.</h6>
</div>
</section>
</section>
</main>
<section class="container-fluid">
<footer class="sticky-footer "id="foot">
<p>© Copyright NerdJS 2021-2022</p>
</footer>
</section>
</body>
</html>