-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
283 lines (243 loc) · 22.4 KB
/
index.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
<!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="style.css">
<script defer src="script.js"></script>
<link rel="icon" href="icon.png" type="image/icon type">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:wght@350&display=swap">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>TechFolio - Home</title>
</head>
<body>
<div class="loader-container">
<div class="loader"></div>
</div>
<br/>
<div class="navbar">
<a href="index.html" style="font-size: 30px;"><span class="active">𝐓𝐞𝐜h𝐅𝐨𝐥𝐢𝐨</span></a>
<div style="text-align: center;" class="nav_links nav_links_ul" id="navLinks">
<i class="fa fa-times cross hidden" onclick="hideMenu()"></i>
<a href="index.html"><span class="active">Home</span></a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</div>
<i class="fa fa-bars cross2" onclick="showMenu()"></i>
<div class="icons nav_links">
<a href="https://www.facebook.com/kushal.gupta.39794895"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/kushal_gupta_03/"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/kushalgupta03/"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<section class="about-me">
<p1>𝐈'𝐦 <span class="name">𝐊𝐮𝐬h𝐚𝐥 𝐆𝐮𝐩𝐭𝐚</span> 𝐚 <br/>𝐩𝐚𝐬𝐬𝐢𝐨𝐧𝐚𝐭𝐞 𝐁.𝐓𝐞𝐜𝐡 𝐈𝐓 𝐬𝐭𝐮𝐝𝐞𝐧𝐭</p1>
<p>Dedicated to exploring the realms of technology, and eager to contribute innovative solutions to the ever-evolving IT landscape.</p>
<br/>
<a href="contact.html" class="green-button" style="text-decoration: none;">Available for help</a>
</section>
<div class="home-main">
<p style="color: #737373;" class="project-showcase">PROJECT SHOWCASE</p>
<p1 style="font-size: 38px;"><span class="project-showcase-main"> 𝐖𝐡𝐚𝐭 𝐈 𝐡𝐚𝐯𝐞 𝐰𝐨𝐫𝐤𝐞𝐝 𝐨𝐧:</span></p1>
<!--
Proojects section begins here
-->
<div class="projects">
<div class="project-genre">Web & Software Development</div>
<br/>
<span class="project-title">Placement Cell WebApp</span>
<p class="project-description">
I led a four-member team to develop a Placement Cell web app as part of my degree curriculum, overseeing documentation and preparing the SRS report. The app connects students and recruiters by providing an intuitive platform where students can register, explore job opportunities, and apply directly, while recruiters can post job openings. Additionally, it features a discussion forum to foster communication and collaboration between both parties, creating a seamless and efficient recruitment process. This platform aims to bridge the gap between talent and job opportunities, ensuring a smooth placement experience for everyone involved.
<div class="skill-container">
<span class="skill-bubble">Python</span>
<span class="skill-bubble">Django</span>
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">MySQL</span>
</div>
<div class="project-link"><a href="https://github.com/guptakushal03/PlacementCell" target="_blank">View Source Code</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">Blogger App</span>
<p class="project-description">
This Blogging WebApp project allows users to create, read, update, delete, like, and comment on blogs. Built with Flask and SQLAlchemy, it also features personalized recommendations based on user activity and blog summaries generated using the Gemini API. Key functionalities include secure user authentication, the ability to add images to blogs, and password hashing using PBKDF2 for security. The app also provides users with blog summaries and ensures an interactive experience with CRUD operations, personalized content, and an intuitive UI.
<div class="skill-container">
<span class="skill-bubble">Python</span>
<span class="skill-bubble">Flask</span>
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">SQLite 3</span>
</div>
<div class="project-link"><a href="https://github.com/guptakushal03/Blogger-App" target="_blank">View Source Code</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">TechFolio</span>
<p class="project-description">
TechFolio is a personal portfolio website designed to showcase Kushal Gupta's technical skills, projects, and achievements. The site highlights his work in the tech industry, featuring links to his GitHub, LinkedIn, Instagram, and other social media profiles. Key features include a project showcase, a list of skills and technologies, and easy contact access. The site is built using HTML5 for structure, CSS3 for styling, JavaScript for interactivity, and a responsive design to ensure a great user experience across all devices. The portfolio also includes an about section, detailed project descriptions, and contact information for direct communication.
<div class="skill-container">
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">Java Script</span>
</div>
<div class="project-link"><a href="https://guptakushal03.github.io/TechFolio/" target="_blank">View Live</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">ProjectFolio</span>
<p class="project-description">
ProjectFolio is a personal portfolio website for Kushal Gupta, a student pursuing a Bachelor's Degree in Information Technology at Ganpat University. It serves as a centralized hub for showcasing his open-source projects like the Book Recommender System, Virtual Voice Assistant, Weather App, and more. The website also provides links to his other platforms, including TechFolio and the Telegram Chat Bot, as well as his social media profiles on GitHub, LinkedIn, Instagram, and WhatsApp. The website is built with HTML5 for structure, CSS3 for styling, and features a responsive design to ensure it looks great on any device.
<div class="skill-container">
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">Java Script</span>
</div>
<div class="project-link"><a href="https://guptakushal03.github.io/ProjectFolio/" target="_blank">View Live</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">Firebase To-Do List Web App</span>
<p class="project-description">
The To-Do List with Firebase is a simple web app that uses Firebase Realtime Database to manage tasks. Users can add tasks to the list and delete them by clicking on any task. The app ensures real-time updates, meaning any changes to the task list are automatically reflected across all clients. Key features include task addition, real-time updates, and task deletion. It is built with Firebase for real-time database integration, along with HTML, CSS, and JavaScript for the front-end. The app allows seamless synchronization, making it easy for users to manage their to-do lists efficiently.<div class="skill-container">
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">Java Script</span>
<span class="skill-bubble">Firebase</span>
</div>
<div class="project-link"><a href="https://todolist-921ab.web.app/" target="_blank">View Source Code</a></div>
</p><br/>
<!--
End Of Web And Software Development Projects
-->
<br/><br/>
<br/><br/>
<div class="project-genre">AI & Data Science Projects</div>
<br/>
<span class="project-title">Book Recommender System</span>
<p class="project-description">
Introducing an intelligent book recommendation system driven by sophisticated content analysis. Using a comprehensive dataset featuring 1750 books from Kaggle, this project employs advanced content-based filtering techniques. By creating vectors based on various content features such as genre, author, and plot keywords, the system excels at understanding the unique difference and similarity of each book. Users can seamlessly discover new books by inputting their favorite book, and the system responds with a tailored list of content-wise related recommendations. Additionally, the system ensures to suggest all books of the same genre, providing users with a comprehensive selection within their preferred literary landscape. The streamlined frontend, crafted with Streamlit, ensures a user-friendly experience, making book exploration both personalized and enjoyable. This project gives book recommendations by prioritizing content relevance and user satisfaction, while also broadening the reader's horizons within their preferred genres.
<div class="skill-container">
<span class="skill-bubble">Machine Learning</span>
<span class="skill-bubble">Data Processing</span>
<span class="skill-bubble">Python</span>
<span class="skill-bubble">Streamlit</span>
</div>
<div class="project-link"><a href="https://book-recommender-system-by-kg.streamlit.app/" target="_blank">View Live</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">WhatsApp Chat Analyser</span>
<p class="project-description">
Introducing WhatsApp Chat Analyzer, a powerful tool crafted with Python and Streamlit, designed to provide users with comprehensive insights into their WhatsApp chat data. From total message counts to word frequencies, media shared, and even links exchanged, this tool offers a multifaceted analysis of your conversations. Delve deeper into your chat history with features like monthly activity timelines, identifying your most active periods, and visualizing geographic activity patterns through interactive maps. Uncover trends and patterns with ease through word clouds highlighting frequently used terms. Whether for personal reflection or group analysis, WhatsApp Chat Analyzer offers a robust platform for exploring the dynamics of your conversations in depth.
<div class="skill-container">
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">JavaScript</span>
</div>
<div class="project-link"><a href="https://whatsapp-chat-analyser-by-kg.streamlit.app/" target="_blank">View Live</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">Virtual Voice Assistant</span>
<p class="project-description">
This project is an advanced virtual desktop assistant developed in Python. It allows users to interact with their computer using voice commands, and the assistant responds with a synthesized voice. The assistant can perform various tasks, such as playing specific music, opening predefined applications, navigating to particular websites, displaying the current time. It can also engage in voice-based conversations with ChatGPT 3.5. This comprehensive assistant provides a user-friendly and interactive experience, leveraging voice recognition and artificial voice generation technologies.
<div class="skill-container">
<span class="skill-bubble">Python</span>
<span class="skill-bubble">OpenAI</span>
<span class="skill-bubble">OS</span>
</div>
<div class="project-link"><a href="https://github.com/guptakushal03/Virtual-Voice-Assistant" target="_blank">View Source Code</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">SignLangSync</span>
<p class="project-description">
SignLangSync is a real-time sign language recognition web-based project developed as part of a hackathon, where I led a 6-member team. The app uses a webcam to capture images and employs transfer learning with MobileNet and a K-Nearest Neighbors (KNN) classifier to recognize custom sign language gestures. Users can add new sign classes, capture images for training, and make predictions using webcam input. The app also offers speech feedback through the Web Speech API, providing audible predictions. Key features include real-time webcam input, custom sign language class training, model persistence (saving and loading models), and the ability to classify and identify signs. The project leverages TensorFlow.js and other web technologies to run entirely in the browser, allowing easy interaction and model updates.
<div class="skill-container">
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">Java Script</span>
</div>
<div class="project-link"><a href="https://guptakushal03.github.io/SignLangSync/" target="_blank">View Live</a></div>
</p><br/>
<!--
End Of AI & Data Science Projects
-->
<br/><br/>
<br/><br/>
<div class="project-genre">Desktop Applications</div>
<br/>
<span class="project-title">Image Processing Windows Application</span>
<p class="project-description">
The Image Processing Windows Application is a desktop software built using Visual Basic, Visual Studio 2019, and Emgu CV 4.5, designed to perform various image processing tasks. It includes basic functions such as grayscale conversion, binarization, and edge detection, along with advanced morphological operations like dilation, erosion, and gradient-based transformations. The application also offers object detection features like face and eye detection, QR code generation and detection, and optical character recognition (OCR). Additionally, it incorporates COVID-19-related image processing. Future improvements aim to integrate deep learning-based object detection and optimize real-time video processing.
<div class="skill-container">
<span class="skill-bubble">Visual Basic</span>
<span class="skill-bubble">Windows Forms</span>
</div>
<div class="project-link"><a href="https://github.com/guptakushal03/Image-Processing-WindowsApp/" target="_blank">View Live</a></div>
</p><br/>
<!--
End Of Desktop Applications
-->
<br/><br/>
<br/><br/>
<div class="project-genre">Multimedia & Creative Projects</div>
<br/>
<span class="project-title">The Weather WebApp</span>
<p class="project-description">
Introducing a responsive weather forecasting project seamlessly integrated with the OpenWeatherMap API. It provides users with real-time weather updates and future predictions for any location worldwide. With the option to input a specific location or utilize the "use current location" feature, users can effortlessly access accurate weather data tailored to their needs, whether on desktop or mobile devices. The project not only displays current weather conditions but also offers a detailed forecast for the next five days, empowering users to plan ahead with confidence. Through intuitive design and reliable data retrieval, this responsive project ensures a seamless user experience across all devices, making it easier than ever to stay informed about weather patterns and make informed decisions accordingly.
<div class="skill-container">
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">JavaScript</span>
</div>
<div class="project-link"><a href="https://guptakushal03.github.io/The-Weather-App/" target="_blank">View Live</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">Online Music Visualizer</span>
<p class="project-description">
The Online Music Visualizer is an interactive web app built with JavaScript that creates real-time animations based on audio frequencies. Users can upload and play audio files, with the app generating dynamic bar visualizations and floating particle effects that respond to the music. The visualizer features a responsive canvas animation and user-controlled playback for an engaging experience. Built using HTML5 for structure, CSS3 for styling and animations, and JavaScript for interactivity, the app leverages the Web Audio API to analyze audio data and the Canvas API to render visual effects. Upcoming features include a color-changing visualizer, beat detection, and 3D depth effects.
<div class="skill-container">
<span class="skill-bubble">HTML 5</span>
<span class="skill-bubble">CSS 3</span>
<span class="skill-bubble">JavaScript</span>
</div>
<div class="project-link"><a href="https://guptakushal03.github.io/Music-Visualizer/" target="_blank">View Live</a></div>
</p><br/>
<!--
End Of Multimedia & Creative Projects
-->
<br/><br/>
<br/><br/>
<div class="project-genre">Internship Tasks</div>
<br/>
<span class="project-title">Data Science Projects</span>
<p class="project-description">
During my internship at CodSoft, I led the development of several data science projects. These projects involved tasks like filtering data and building models to predict outcomes based on given inputs. I used tools like LogisticRegression, LinearRegression, RandomForestRegression, and Ridge from sklearn to train these models. Additionally, I used seaborn for easy-to-understand data visualization. The data for these projects was obtained from platforms like Kaggle, ensuring its quality and relevance. Some notable projects I worked on include predicting Titanic survival, movie ratings, iris flower types, and sales. Each project required a good grasp of data science concepts and careful model training.
<div class="skill-container">
<span class="skill-bubble">Python</span>
<span class="skill-bubble">Machine Learning Algorithms</span>
<span class="skill-bubble">Jupyter Notebook</span>
</div>
<div class="project-link"><a href="https://github.com/guptakushal03/CodSoft-DataScience-Internship-Tasks" target="_blank">View Source Code</a></div>
</p><br/>
<div class="vertical-long-line"></div>
<br/><br/>
<span class="project-title">Django Internship Tasks</span>
<p class="project-description">
As part of the interview process at BrainyBeam, I completed several tasks that involved Django development and Python programming. These tasks included building a Quiz App with dynamic question options, developing a Time Complexity Analyzer to measure execution time, and creating a POST API using Django REST Framework to handle post creation and count. Additionally, I integrated an external API to fetch city data and export it into a CSV file. I also demonstrated key object-oriented programming concepts, such as Polymorphism and Encapsulation, in a Python program. These tasks helped me strengthen my skills in web development, APIs, and data handling.
<div class="skill-container">
<span class="skill-bubble">Python</span>
<span class="skill-bubble">Django</span>
<span class="skill-bubble">API Integration</span>
</div>
<div class="project-link"><a href="https://github.com/guptakushal03/BrainyBeam-Django-Internship-Tasks" target="_blank">View Source Code</a></div>
</p><br/>
<br/><br/><br/>
<span class="project-title" style="align-items: center; justify-content: center; display: flex;">More coming soon...</span>
</div>
</div>
</body>
</html>