-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (166 loc) · 7.07 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
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Portfolio</strong></a>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/mohammeda0/" target="_blank"
class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/Yincard/" target="_blank" class="icon brands fa-github"><span
class="label">GitHub</span></a></li>
<li><a href="assets/resume/Mohammed Alam - Resume .docx.pdf" target="_blank"
class="icon brands fa-wikipedia-w"><span class="label">Resume</span></a></li>
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<div class="profile-container">
<img src="images/pfp.jpg" alt="Profile Picture" class="profile-picture" />
<div class="text-container">
<h1><strong>Mohammed Alam</strong></h1>
<p class="job-title">Software Engineer / Student</p>
</div>
</div>
</header>
<div class="bio-description">
<br>
<p>Hello! <strong>I'm Mohammed Alam</strong>, a passionate and driven Computer Science
student
at <strong>Columbia University</strong>. With a solid foundation in programming
languages
like Java, Python, and JavaScript, and hands-on experience in cloud computing,
databases,
and full-stack development, I'm dedicated to creating innovative and efficient software
solutions.</p><br>
</div>
</div>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>Projects</h2>
</header>
<div class="posts">
<article>
<a href="#" class="image"><img src="images/gtn.webp" alt="" /></a>
<h3><i class="fas fa-code"></i> Freelance Discord Bot Developer | Guess The Number</h3>
<p>
As a Freelance Discord Bot Developer, I created and maintained countless bots. The most
memorable one, the "Guess The Number" bot, which became my largest and most successful
project. This bot reached an impressive <strong>12,000,000 million users</strong> across
over <strong>13,000 servers</strong>,
demonstrating its widespread popularity and reliability.
</p>
<p>
The "Guess The Number" bot allowed users to engage in guessing games within their
Discord servers. It managed the usage of thousands of game instances simultaneously,
ensuring smooth and efficient operation. To handle this, I utilized MongoDB for
persistent data storage and Redis caching to optimize data retrieval, enabling the bot
to manage and sort through a massive volume of messages seamlessly.
</p>
<p>
The bot's infrastructure was designed to efficiently process and record game data,
ensuring a high-performance experience for all users.
</p>
</article>
<article>
<a href="#" class="image"><img src="images/metrics.webp" alt="" /></a>
<h3><i class="fas fa-chart-line"></i> Discord Metric System</h3>
<p>
I developed a "Discord Metric System," an advanced application designed for real-time
metrics collection and visualization, utilizing Discord's API and the
<strong>MERN</strong> stack. This
project involved creating a comprehensive system to handle and display metrics data from
Discord servers efficiently.
</p>
<p>
Key features of this project include:
</p>
<ul>
<li><strong>Real-Time Metrics Collection</strong>: Engineered the application to collect
real-time data
from Discord servers, ensuring timely and accurate metrics.</li>
<li><strong>Multi-Layered Data Processing and Caching Pipeline</strong>: Implemented a
streamlined data
processing pipeline using Redis, local in-memory cache, and MongoDB. This setup
significantly increased read/write speeds by over 90%, achieving response times of
1-10ms, even under high throughput conditions.</li>
<li><strong>RESTful APIs</strong>: Developed robust RESTful APIs with Express.js to
facilitate seamless
access to real-time metrics data. This ensured smooth updates and accurate
visualization of metrics on the ReactJS-based website.</li>
</ul>
<p>
The project demonstrates my ability to create scalable, high-performance systems that
can manage and process large volumes of data efficiently, providing valuable insights
through real-time analytics.
</p>
</article>
<article>
<a href="#" class="image"><img src="images/whackamole.png" alt="Whack-A-Mole Game" /></a>
<h3><i class="fas fa-gamepad"></i> Whack-A-Mole</h3>
<p>
I developed the software for a "Whack-A-Mole" game that combines real-time interaction
with physical
hardware and an engaging user interface, showcasing my skills in both hardware
integration and full-stack development at my universitys engineering showcase.
</p>
<p>
Key features of this project include:
</p>
<ul>
<li><strong>Real-Time Game Interface</strong>: Designed a dynamic, responsive game
interface synchronized
with physical sensors and motors connected to an Arduino board.</li>
<li><strong>WebSocket Connections</strong>: Leveraged Node.js and Express.js to
establish WebSocket
connections, managing bidirectional data transmission between the physical arduino
setup and the React.js frontend.</li>
<li><strong>Responsive User Interface</strong>: Implemented a responsive user interface
using React.js,
synchronized with real-time game events via a Socket.IO server. This setup enabled
dynamic score tracking, timer updates, and music playback.</li>
</ul>
<p>
This project demonstrates my ability to integrate hardware with software, creating a
seamless and interactive user experience.
</p>
</div>
</section>
<section>
<header class="major">
<h2>Get in Touch</h2>
</header>
<ul class="contact">
<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
</ul>
</section>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>