-
Notifications
You must be signed in to change notification settings - Fork 0
/
Projects.html
184 lines (166 loc) · 11.8 KB
/
Projects.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>ARYAN KOHLI</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<!-- <link href="assets/img/favicon.png" rel="icon"> -->
<!-- <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> -->
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<section id="topbar" class="d-flex align-items-center">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="contact-info d-flex align-items-center">
<i class="bi bi-envelope-fill"></i><a href="mailto:[email protected]">[email protected]</a>
<i class="bi bi-phone-fill phone-icon"></i>...
</div>
<div class="social-links d-none d-md-block">
<a href="https://www.instagram.com/aryankohli88/" target="_blank" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="https://www.linkedin.com/in/aryan-kohli-00a594202/" target="_blank" class="linkedin"><i class="bi bi-linkedin"></i></i></a>
</div>
</div>
</section>
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo"><a href="index.html">Aryan Kohli</a></h1>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="index.html">Home</a></li>
<li class = "nav-link scrollto"><a href="https://drive.google.com/drive/u/0/folders/15FxusvYOoIxXGTO2UwgGadU9v_HP7IKK" target="_blank"><span>My Resume</span> </a>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<div class="container mt-5">
<h1 class="text-center mb-4">My Development Projects</h1>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<div class="card-body">
<div class="animation">
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<dotlottie-player src="https://lottie.host/02003d0a-4b16-49b5-8bd8-87ee01aababc/ZgZWzmccQo.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player>
</div>
<!-- <img src="/AryanKohli88.github.io/assets/img/movies.jpg" class="card-img-top" alt="Movie Recommender"> -->
<h5 class="card-title"><br><b>Movie Recmmendation Website</b></h5>
<p class="card-text">Need help with movies? Use this WebApp that uses <b><u>ML and NLP</u></b> to find best movies for you! The dataset includes over <b><u>5,000 movies</u></b>. The frontend is built on <b><u>Streamlit (Python)</u></b> for a user friendly experience.</p>
<a href="https://recommend-me-a-movie.streamlit.app/" target="_blank" class="btn btn-primary">View Deployed Project</a>
<a href="https://github.com/AryanKohli88/Movie-Recommender" target="_blank" class="btn btn-primary">GitHub</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<div class="animation">
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<dotlottie-player src="https://lottie.host/395108d3-5889-474e-a29f-80fb9ecf901b/e6reOSFfke.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player>
</div>
<!-- <img src="project2.jpg" class="card-img-top" alt="Project 2"> -->
<div class="card-body">
<h5 class="card-title"><br><b>Contacts Manager</b></h5>
<p class="card-text">A Full Stack and deployed application that can be used to save contact details. Users can create their own account using a unique email-id and perform CRUD operations. The backend employs <b><u>Node.js (ExpressJS) and MongoDB </u></b> whereas the frontend is powered with <b><u>ReactJs</u></b> for seamless user experience. The app can be used by multiple users
for saving, viewing, updating and deleting contacts. </p>
<a href="https://savemycontacts.netlify.app/" target="_blank" class="btn btn-primary">View Deployed Project</a>
<a href="https://github.com/AryanKohli88/MultiUser-Contacts-Manager" target="_blank" class="btn btn-primary">View GitHub</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<div class="card-body">
<div class="animation">
<!-- <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> -->
<img src="assets/img/pokedexv2.jpeg" background="transparent" style="width: 300px; height: 300px;">
</div>
<!-- <img src="/AryanKohli88.github.io/assets/img/movies.jpg" class="card-img-top" alt="Movie Recommender"> -->
<h5 class="card-title"><br><b>The Red PokeDex (Pokedex-V2)</b></h5>
<p class="card-text">An improved version of the "Poke-dex" WebApp. Uses React for better UI and UX. Also, with the help of ExpressJS and MongoDB backend you can now <b><u>create your account to build and save your pokemon teams!</u></b> <br> GOTTA CATCH'EM ALL!!</p>
<a href="https://theredpokedex.netlify.app/" target="_blank" class="btn btn-primary">View Deployed Project</a>
<a href="https://github.com/AryanKohli88/TheRedPokedex-frontend" target="_blank" class="btn btn-primary">View GitHub</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<div class="animation">
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<dotlottie-player src="https://lottie.host/253a18e3-05cf-4957-bd2f-f480c588cbc8/DEKv0yPlxF.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player>
</div>
<div class="card-body">
<!-- <img src="/AryanKohli88.github.io/assets/img/qr.jpg" class="card-img-top" alt="Project 1"> -->
<h5 class="card-title"><br><b>Poke-dex</b></h5>
<p class="card-text">GOTTA CATCH'EM ALL!!</p>
<a href="https://pokedex-b8sr.onrender.com" target="_blank" class="btn btn-primary">View Deployed Project</a>
<a href="https://github.com/AryanKohli88/Pokedex" target="_blank" class="btn btn-primary">View GitHub</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4 hover-lift" >
<div class="card">
<div class="card-body">
<!-- <img src="/assets/img/file-spotify-logo-png-4.png" class="card-img-top" alt="Project 1"> -->
<img src="/assets/img/dice.jpg" class="card-img-top" alt="Project Roll the Dice">
<h5 class="card-title"><br><b>Roll the Dice</b></h5>
<p class="card-text"> Confused between two oprions? Try rolling Dice! </p>
<a href="https://one-two-or-tie.netlify.app/" target="_blank" class="btn btn-primary">View Deployed Project</a>
<a href="https://github.com/AryanKohli88/RollTheDie" target="_blank" class="btn btn-primary">View GitHub</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<div class="animation">
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<dotlottie-player src="https://lottie.host/44e13a16-5eb8-445b-967d-d1cda488d961/1KhaH9ZLKF.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player>
</div>
<!-- <img src="project3.jpg" class="card-img-top" alt="Project 3"> -->
<div class="card-body">
<!-- <img src="/AryanKohli88.github.io/assets/img/ml.png" class="card-img-top" alt="Project 1"> -->
<h5 class="card-title"><br><b>Atrial-Fibrillation predicting machine learning model</b></h5>
<p class="card-text">Analysed a dataset on Atrial-Fibrillation. Trained different machine learning models to best predict if a patient is suffering from this condition, based on symptoms and Physiologic Signals</p>
<a href="https://github.com/AryanKohli88/Atrial-Fibrillation-predicting-model" target="_blank" class="btn btn-primary">View GitHub</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<div class="animation">
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<dotlottie-player src="https://lottie.host/7f1bfc8b-8963-4041-9e09-131fdd801acc/xhFdIPBu0l.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player>
</div>
<!-- <img src="project3.jpg" class="card-img-top" alt="Project 3"> -->
<div class="card-body">
<!-- <img src="/AryanKohli88.github.io/assets/img/qr.jpg" class="card-img-top" alt="Project 1"> -->
<h5 class="card-title"><br><b>QR Code Generator</b></h5>
<p class="card-text">Helps you to generate QR Codes.</p>
<a href="https://github.com/AryanKohli88/QR-Code-Generator" target="_blank" class="btn btn-primary">View GitHub</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4 hover-lift" >
<div class="card">
<div class="card-body">
<!-- <img src="/assets/img/file-spotify-logo-png-4.png" class="card-img-top" alt="Project 1"> -->
<img src="/assets/img/webd.png" class="card-img-top" alt="Project Hiring Website">
<h5 class="card-title"><br><b>Hiring Website</b></h5>
<p class="card-text">A simple mock website for a recruitment platform. Used HTML, CSS and javascript. </p>
<a href="https://searchfortalentbyaryankohli.netlify.app/index.html" target="_blank" class="btn btn-primary">View Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>