-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
226 lines (217 loc) · 14.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Portfolio website</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/5c0a983157.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- ----------------Header---------------- -->
<div id="header">
<div class="container">
<nav>
<img src="images/logo3.png" class="logo">
<ul id="sidemenu" >
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<!-- <li><a href="#">Projects</a></li> -->
<li><a href="#portfolio">Portfilio</a></li>
<!-- <li><a href="#">Work</a></li> -->
<li><a href="#contact">Contact</a></li>
<i class="fa-solid fa-xmark" onclick="closemenu()"></i>
</ul>
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<p>Software Engineer</p>
<h1> Hi, My Name is <br> <span> Shabazuddin Mohammad</span></h1>
</div>
</div>
<!-- ---------------About me------------------- -->
</div>
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="images/unnamed.jpg" alt="">
</div>
<div class="about-col-2">
<h1 class="sub-title">About Me</h1>
<p>Experienced Software Engineer passionate about crafting robust and scalable solutions that drive technological innovation. With a proven track record of 4 years in the industry, I specialize in Java, JavaScript, React.js, Node.js, Express.js, and MongoDB, successfully delivering high-quality web applications. Adept at collaborating with cross-functional teams to analyze requirements, design scalable architectures, and implement robust code. Committed to continuous learning and staying abreast of emerging technologies. Excited about leveraging my skills and expertise to contribute to cutting-edge projects and help drive organizational success. Let's connect and explore opportunities to collaborate!<br>
<div class="tab-titles">
<div class="tab-links active-link" onclick="opentab('skills')">Skills</div>
<div class="tab-links" onclick="opentab('experiance')">Experiance</div>
<div class="tab-links" onclick="opentab('education')">Education</div>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>Languages</span> <br> C, Java, Python, C#, HTML, CSS, JavaScript, TypeScript, SQL</li>
<li><span>Databases</span> <br> MySQL, MongoDB, PostgreSQL, Firebase</li>
<li><span>Web Technologies</span> <br> GraphQL, Node.js, JSON, RESTful APIs</li>
<li><span>Frameworks</span> <br> .Net, React, React Native, Spring Boot, Next.js, Express, Bootstrap, Tailwind CSS</li>
<li><span>Tools</span> <br> Git, GitHub, Figma, Docker, VS Code, Jupyter Notebook, JIRA, Kubernetes, IntelliJ</li>
</ul>
</div>
<div class="tab-contents" id="experiance">
<ul>
<li><span>Software Engineer, Yash Technologies Private Limited</span> ( Mar 2021 ‑ Dec 2022 ) <br> Enhanced Security and Navigation of an online learning platform by implementing robust routing and authentication mechanisms, ensuring secure access through username and password credentials.
Optimized User Interface by Developing React screens using Stateless Functional Components, improving performance and addressing the limitations of Class Components.
Strengthened Authorization by Utilizing Spring Security for comprehensive user authentication and authorization.
Streamlined Backend Services by Designing and developing RESTful web services with Spring Boot, including DAO Service Implementation and Web Controller, to efficiently manage data and user interactions. </li>
<li><span>Associate Software Engineer, Yash Technologies Private Limited</span> ( April 2019 - Jan 2020 ) <br> Developed the Admin Dashboard App by creating custom front-end components using HTML5/CSS3, React.js, and Node.js for the backend, implementing service calls to display data on graphs using Google Charts, collecting, cleaning, and analyzing approximately 1 million records of structured and unstructured data for business initiatives using R and advanced SQL queries, utilizing reactive and template-driven forms and custom functions in React.js for form interactivity and data transformations, implementing React features such as components, hooks, context API, React Router for routing, code splitting, and lazy loading for optimal performance, and employing Test-Driven Development (TDD) within an Agile methodology.</li>
<li><span>Phoenix Business Consulting</span> ( April 2019 - Jan 2020 ) <br> Built an automation tool to execute scripts (Mongo, Python, Node) in production, leading to a 90% enhancement in DevOps efficiency.</li>
</ul>
</div>
<div class="tab-contents" id="education">
<ul>
<li><span>Florida International University</span> ( Jan 2023 - Present ) <br> Master of
Science - Computer and information Science <br> Current GPA: 3.8/4.0</li>
<li><span>Jawaharlal Nehru Technological University Hyderabad - CVR</span> ( July 2015 -
June 2019 ) <br> Bachelors of Technology - Computer Science and Engineering <br> GPA:
8.33/10</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- ------------Services--------------- -->
<div id="services">
<div class="container">
<h1 class="sub-title">My Services</h1>
<div class="services-list">
<div>
<i class="fa-solid fa-code fa-beat"></i>
<h2>Web Design</h2>
<p>Crafting compelling web experiences that merge creativity with functionality. From sleek user interfaces to responsive layouts, I specialize in designing visually captivating websites that engage and delight users. My focus is on delivering intuitive navigation and seamless interaction, ensuring a memorable online journey for every visitor.</p>
<a href="https://www.linkedin.com/in/shabazuddin123/" target="_blank">Learn More</a>
</div>
<div>
<i class="fa-solid fa-crop-simple fa-beat"></i>
<h2>UI/UX Design</h2>
<p>Crafting intuitive and visually engaging user interfaces (UI) and experiences (UX) to enhance digital interactions. Combining user-centric design principles with aesthetic appeal to optimize usability and satisfaction. Creating seamless, delightful journeys for users across web and mobile platforms.</p>
<a href="https://github.com/MohammadShabazuddin" target="_blank">Learn More</a>
</div>
<div>
<i class="fa-brands fa-app-store fa-beat"></i>
<h2>App Design</h2>
<p>Experience seamless connectivity with our innovative app design. Sleek interface, intuitive navigation, and dynamic features ensure optimal user engagement. From effortless task management to personalized experiences, our app enhances efficiency and satisfaction. Elevate your digital presence with our tailored solutions, designed to exceed expectations and amplify user experience.</p>
<a href="https://www.linkedin.com/in/shabazuddin123/" target="_blank">Learn More</a>
</div>
</div>
</div>
</div>
<!-- -----------------Portfolio------>
<div id="portfolio">
<div class="container">
<h1 class="sub-title">My Work</h1>
<div class="work-list">
<div class="work">
<img src="images/work-1.png" alt="">
<div class="layer">
<h3>Food Ordering App</h3>
<p>Developed a full stack web application project for food delivery. For front-end design, the project makes use of HTML, CSS, and React JS. Combining the Node JS, Express JS, MongoDB and Stripe Payment to construct the backend.</p>
<a href="https://food-ordering-website-silk.vercel.app/" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square fa-fade"></i></a>
</div>
</div>
<div class="work">
<img src="images/work-2.png" alt="">
<div class="layer">
<h3>E-Commerce App</h3>
<p>An e-commerce website developed using HTML, CSS, and JavaScript. This project showcases a user-friendly interface for browsing products, adding items to cart, and processing orders seamlessly. Experience smooth navigation and responsive design for an enhanced shopping experience.</p>
<a href="https://e-commerce-website-psi-sand.vercel.app/" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square fa-fade"></i></a>
</div>
</div>
<div class="work">
<img src="images/work-3.png" alt="">
<div class="layer">
<h3>AI Article Summarizer</h3>
<p>This project Summarize any kind of article with just one click using the powerful OpenAI model. Users can input the URL of a lengthy article, and the web app utilizes AI to provide a concise summary of the article content.</p>
<a href="https://ai-summarizer-eta-plum.vercel.app/" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square fa-fade"></i></a>
</div>
</div>
</div>
<div>
<a href="https://github.com/MohammadShabazuddin?tab=repositories" class="btn" target="_blank">See more</a>
</div>
</div>
</div>
<!-- ---------------------------Contact-------- -->
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p> <i class="fa-solid fa-envelope"></i></i>[email protected]</p>
<p> <i class="fa-solid fa-square-phone"></i>(305)-815-9064</p>
<div class="social-icons">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="https://twitter.com/shabazuddin786" target="_blank"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/shabazuddin123/" target="_blank"><i
class="fa-brands fa-linkedin-in"></i></a>
</div>
<a href="images/Shabazuddin_Mohammad (1).pdf" download class="btn btn2">Download CV</a>
</div>
<div class="contact-right">
<form name="submit-to-google-sheet">
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="Email" placeholder="Your Email" required>
<textarea name="Message" placeholder="Your Message" rows="6"></textarea>
<button class="btn btn2" type="submit">Submit</button>
</form>
<span id="msg"></span>
</div>
</div>
</div>
</div>
<!-- -------------------------footer------------------- -->
<div class="copyright">
<p>Copyright © 2024 Shabazuddin Mohammad. All rights reserved. </p>
</div>
</div>
<script>
var tablinks = document.getElementsByClassName("tab-links");
var tabcontents = document.getElementsByClassName("tab-contents")
function opentab(tabname) {
for (tablink of tablinks) {
tablink.classList.remove("active-link");
}
for (tabcontent of tabcontents) {
tabcontent.classList.remove("active-tab");
}
event.currentTarget.classList.add("active-link");
document.getElementById(tabname).classList.add("active-tab");
}
</script>
<script>
var sidemeu = document.getElementById("sidemenu")
function openmenu(){
sidemeu.style.right = '0';
}
function closemenu(){
sidemeu.style.right = '-200px';
}
</script>
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbxENO5f-IhXppXummHCYNShRJi3xQ3LtfzzCK5mP3QoAHiFgSySXba_oJQ-96o2otipGQ/exec'
const form = document.forms['submit-to-google-sheet']
const msg = document.getElementById("msg")
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => {
msg.innerHTML = "Message sent successfully"
setTimeout(function(){
msg.innerHTML = ""
}, 5000)
form.reset()
})
.catch(error => console.error('Error!', error.message))
})
</script>
</body>
</html>