forked from jain-shreyansh/stc-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
382 lines (342 loc) · 24.4 KB
/
project.html
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
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="project.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous" />
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link rel="icon" href="./images/stcBLackBG.png" type="image/svg" >
<title>Projects</title>
</head>
<body>
<section id="project">
<div class="container-fluid nav_div">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-12">
<nav class="navbar navbar-expand-md navbar-dark">
<div data-aos="fade-right" data-aos-duration="1500">
<a href="./index.html" class="navbar-brand"><img src="svg/stc 2.svg" alt="STC logo"></a>
</div>
<button class="navbar-toggler" type="button" onclick="openNav()">
<span class="navbar-toggler-icon" role="button"></span>
</button>
<div class="collapse navbar-collapse" id="navbaritems">
<ul class="navbar-nav ml-auto">
<div data-aos="flip-up" data-aos-duration="1500">
<li class="nav-item">
<a href="./index.html" class="nav-link">Home </a>
</li>
</div>
<div data-aos="flip-up" data-aos-duration="1500">
<li class="nav-item">
<a href="./index.html#our_focus" class="nav-link">About Us</a>
</li>
</div>
<div data-aos="flip-up" data-aos-duration="1500">
<li class="nav-item">
<a href="./index.html#contact_para" class="nav-link">Contact Us</a>
</li>
</div>
<div data-aos="flip-up" data-aos-duration="2500">
<li class="nav-item">
<a href="./events.html" class="nav-link">Events</a>
</li>
</div>
</ul>
</div>
<div id="SideNav" class="sidenavR">
<a href="javascript:void(0)" class="closebtn text-center" onclick="closeNav()">×</a>
<a href="./index.html#landing_page" onclick="closeNav()" class="text-center">Home</a>
<a href="./index.html#focus_our" onclick="closeNav()" class="text-center">About Us</a>
<a href="./index.html#contact_para" onclick="closeNav()" class="text-center">Contact Us</a>
<a href="./events.html" onclick="closeNav()" class="text-center">Events</a>
</div>
</nav>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-10">
<div data-aos="flip-right" data-aos-duration="2000">
<h1 class="projecthead ml-4" style="font-family: 'Roboto',sans-serif;">Projects</h1>
</div>
<div data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
<p class="projectpara ml-4 mr-4">At STC, we believe in showcasing the various disciplines of technology that we specialise in, via unique and solution-driven Projects. These Projects comprise of various technologies and domains right from design to tech to management.
They are a testament to the various endeavours our community takes to enhance its members' skills as well as solve formidable problems.
</p>
</div>
</div>
</div>
<div class="row justify-content-center row-flex">
<div class="col-md-10">
<div class="row justify-content-between cardsdiv">
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">STC APP</h4>
<p class="card-text text-center">An android app that showcases what STC does and also contains resources to boot off in various development domain. The app has special features for STC to manage workflow in STC.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">STC WEBSITE</h4>
<p class="card-text text-center">A responsive website highlighting the features, domains, events and projects of STC.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="2000">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">HACK PORTAL</h4>
<p class="card-text text-center">A software that allows students to find teammates to take part in Various hackathons. It also allows VIT Chapters to post about their hackathons to which students can register.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">RECRUITMENT PORTAL</h4>
<p class="card-text text-center">This portal is primarily a medium in order to resolve some of the most common problems that are being faced by the recruiters particularly serving the club or the chapter recruitment in a University. We get a choice
among a numerous number of test conducting portals which are designed to serve the same purpose but none of them is as effective to just have an interface in order to conduct the test and get the results in the
simplest way possible.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">ROZGAR</h4>
<p class="card-text text-center">Rozgar is a humble app that aims to bring employment to the poorest of the poor of our country who don't have Whatsapp or LinkedIn to search for jobs. We all know the plight of migrant labourers post-COVID-19. A lot
of the daily-wage-workers rushed to their homes in villages when the lockdown was instated. Now that these restrictions are being lifted, it's a real challenge for them to find employment. A lot of old businesses
have been shut down and many others are running at a reduced capacity. Workers can use their simple 2G Feature Phones to register themselves on a nationwide database of workers actively seeking for employment by
just sending a message. </p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="2000">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">SMRITI</h4>
<p class="card-text text-center">Smriti is a humble app that allows Alzheimer's patients to live happier and fulfilling lives by enabling them to independently carry out tasks that they otherwise struggle with. Using out IOT based special glasses,
patients can identify who the person standing in front of them is. They can also ask the date and time as well as keep track of their reminders and schedules all in one place. A functionality to book a cab in case
the patient finds themselves lost has also been given. These features will allow patients to live more dignified and independent lives</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">FFCSonTheGo</h4>
<p class="card-text text-center">FFCSonTheGo has a lot of potential features that helps the students in the campus to help them in making effective and accurate time tables for the upcoming semesters and prevents them from falling into troubles during
the credit choice system according to the fully flexible Credit System. To provide a sleek interface with the required number of functionalities that help the students to navigate easier and maintain the same standards
over the years is one of the primary responsibilities and objectives of FFCSOnTheGo.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">AMAZON FAKE REVIEW DECTECTOR</h4>
<p class="card-text text-center">Amazon Fake Review Detector is a natural language processing-based application that helps user to find reliability of reviews on any particular amazon product by finding the genuine reviews from all the reviews. User
can input URL of any product in url input section. All the reviews of that particular product are then scrapped by node js backend using request and cheerio libraries and save in a csv file. Machine learning model
then detects all the fake reviews and mark them as 1. Generally, reviews that have too many spelling or grammar mistakes or reviews that are very short or empty are considered fake by ml model. ML model then sends
0 or 1 corresponding to each review to node js and then backend calculates prediction percentage of fake reviews and also average confidence or surety of fake of review.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="2000">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">EDUFUN</h4>
<p class="card-text text-center">The solution we came up with involves easy and quick matching of tutors and students in just a few seconds through an interactive AI solution. The best way to check the compatibility between the personalities of two
people is the thought-process or the outlook both of them have on any one particular topic. In the case of teachers and students, this relates to how both of them view a particular course, be it vocational or strictly
academic. To reduce unnecessary browsing to find the best match, the student can just enter their outlook on a particular course and find the teachers who have the most similar outlook for that course. To further
enhance the experience, once the student finds a match, they can view the teacher’s best resources that he/she has put up and can also attempt auto-generated tests (automation of test generation further reduces
the burden and time of the tutors) to get a complete overview of that tutor and assess whether it’s a right match.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">COVIFIGHT</h4>
<p class="card-text text-center">A native android app developed using Java to keep a track of people entering and leaving public places like shops, malls etc at a particular time. The app automatically notifies all the people present if a person is detected with COVID.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">IMAGE SEGREGATOR MODEL</h4>
<p class="card-text text-center">An app for traversing through the gallery and segregating the pics of notes from other normal pics. Helpful in studying from mobile phones. Helps in storage management as the notes can be deleted in bulk after they
are not required anymore rather than deleting them one by one.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 d-flex myclass">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="2000">
<div class="card text-center">
<div class="card-body">
<h4 class="card-title text-center cardhead">VIT ATTENDANCE TAKER</h4>
<p class="card-text text-center">An android app to take attendance of VIT students by scanning barcode at the back of VIT ID card.s</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="footer_stc">
<div class="container ">
<div class="row footer_row_one d-flex justify-content-center">
<div class="col-md-4 d-flex justify-content-center">
<div class="col-xs-12">
<ul>
<p class="qlink">
<h4>Quick Links</h4>
</p>
<li><a href="./index.html#landing_page">Home</a> </li>
<li><a href="./project.html"> Projects</a></li>
<li><a href="./events.html">Events</a> </li>
<li><a href="./index.html#student_partnerships">Student Partnerships</a> </li>
<li><a href="./index.html#about_app">STC App</a> </li>
</ul>
</div>
</div>
<div class="col-md-4 d-flex justify-content-center">
<p>
<ul>
<p class="">
<h4 class="d-flex justify-content-center" style="padding-left:1rem;">Get In Touch
</h4>
</p>
<li><img src="./svg/location.svg" alt=""> VIT, Vellore</li>
<li><img src="./svg/email_get in touch.svg" alt=""> Email</li>
<li><img src="./svg/contact.svg" alt=""> Contact</li>
</ul>
</p>
</div>
<div class="col-md-4 d-flex justify-content-center">
<p>
<ul>
<p class="">
<h4 class="d-flex justify-content-center" style="padding: 0 40px 0 0;">Social</h4>
</p>
<li><img src="./svg/insta.svg" alt=""><a href="https://www.instagram.com/mstcvit/">Instagram</a> </li>
<li><img src="./svg/facebook.svg" alt=""><a href="https://www.facebook.com/mstcvit">Facebook</a> </li>
<li><img src="./svg/linkedin.svg" alt=""><a href="https://www.linkedin.com/company/micvitvellore/">Linked In</a> </li>
<li><img src="./svg/medium.svg" alt=""><a href="https://medium.com/student-technical-community-vit-vellore"> Medium</a>
</li>
</ul>
</p>
</div>
</div>
<div class="row footer_row_2 d-flex justify-content-center align-items-center">
<img src="./svg/stc-white 2.png" alt="" class="img-fluid">
</div>
<div class="row footer_row_3 d-flex justify-content-center align-items-center text-center">
<p> ©2020 <span style="color: #5A5AFF;"> Student Technical Community</span> <br> <span class="text-muted">Designed by STC Design Team</span>
</p>
</div>
</div>
</section>
<section id="footer_mobile">
<div class="container">
<div class="row">
<p class="h4 d-inline-block m-auto pt-5">Quick Links</p>
</div>
<div class="row row_link">
<div class="col-6 d-flex justify-content-center align-items-center p-3" style="margin-left: -1.5rem;">
<ul>
<li class="p-4"><a href="./index.html#landing_page" style="color: white;">Home</a></li>
<li class="p-4"><a href="./project.html" style="color: white;"> Projects</a></li>
<li class="p-4"><a href="./events.html" style="color: white;">Events</a></li>
</ul>
</div>
<div class="col-6 d-flex justify-content-center align-items-center">
<ul>
<li class="mb-5" style="margin: -23px 18px 0 0;"><a href="./index.html#student_partnerships" style="color: white;
white-space: nowrap;">Student Partnerships</a></li>
<li class="mb-5"><a href="./index.html#about_app" style="color: white;">STC App</a> </li>
</ul>
</div>
</div>
<div class="row">
<p class="h4 d-inline-block m-auto">Social</p>
</div>
<div class="row d-flex justify-content-center align-items-center">
<div class="icon1 p-4">
<a href="https://www.instagram.com/mstcvit/"><img src="./svg/insta.svg" alt=""></a>
</div>
<div class="icon2 p-4">
<a href="https://www.facebook.com/mstcvit"><img src="./svg/facebook.svg" alt=""></a>
</div>
<div class="icon3 p-4">
<a href="https://www.linkedin.com/company/micvitvellore/"><img src="./svg/linkedin.svg" alt=""></a>
</div>
<div class="icon4 p-4">
<a href="https://medium.com/student-technical-community-vit-vellore"><img src="./svg/medium.svg" alt=""></a>
</div>
</div>
<div class="row">
<p class="h4 d-inline-block m-auto pt-5">Get In Touch</p>
</div>
<div class="row row_get_touch d-flex justify-content-around align-items-center" style="margin-left: -3rem;">
<ul>
<li class="p-4" style="white-space: nowrap;"><img src="./svg/email_get in touch.svg" alt=""> Email</li>
<li class="p-4" style="white-space: nowrap;"><img src="./svg/location.svg" alt=""> VIT, Vellore</li>
</ul>
<ul>
<li class="pb-5 mb-4" style="white-space: nowrap;margin-left: -2rem;"><img src="./svg/contact.svg" alt=""> Contact</li>
</ul>
</div>
<div class="row footer_row_2 d-flex justify-content-center align-items-center">
<img src="./svg/stc-white 2.png" alt="" class="img-fluid">
</div>
<div class="row footer_row_3 d-flex justify-content-center align-items-center text-center">
<p> ©2020 <span style="color: #5A5AFF;">Student Technical Community</span> <br> <span class="text-muted">Designed by STC Design Team</span>
</p>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous">
</script>
<script src="index.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>