-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
228 lines (210 loc) · 9.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>V V S N Datta Sai Lingam - Portfolio</title>
<link rel="stylesheet" href="stylesheet.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"></script>
</head>
<body>
<header class="hero">
<div class="container">
<h1>V V S N Datta Sai Lingam</h1>
<p>Dedicated Software Developer | Building Scalable Back-End Systems and Intuitive Front-End Interfaces</p>
<a href="#contact" class="cta-button">Get in Touch</a>
</div>
</header>
<nav class="navbar">
<button class="hamburger-menu" aria-label="Toggle Navigation">
☰
</button>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="about" class="section">
<div class="container">
<h2>About Me</h2>
<p>Hi, I'm Datta Sai Lingam, a graduate student in Computer Science at the University of North Carolina,
Charlotte. With a strong foundation in software development and scalable web technologies, I’m passionate about
creating solutions that blend innovation with user-centric design. My experiences at Bajaj Finserv, FarmOR Agri
Solutions, and Hyposoft Global Solutions have allowed me to contribute to projects like transforming monolithic
applications into microservices, building dynamic web platforms, and integrating AI tools to enhance development
efficiency.
I hold a Bachelor’s degree in Computer Science from VIT, where I developed a deep interest in problem-solving
and system optimization. I value collaboration, continuous learning, and the opportunity to tackle complex
challenges with technical precision. I’d love to connect and explore how I can contribute to building impactful
technology solutions. Feel free to reach out via email or LinkedIn!</p>
</div>
</section>
<section id="skills" class="section">
<div class="container">
<h2>Skills</h2>
<div class="skills-grid">
<div class="skill">
<h3>Frontend Development</h3>
<p>React, Angular, JavaScript, TypeScript, HTML5, CSS3</p>
</div>
<div class="skill">
<h3>Backend Development</h3>
<p>Node.js, Express.js, MongoDB, MySQL, PostgreSQL, Redis</p>
</div>
<div class="skill">
<h3>Cloud & DevOps Tools</h3>
<p>AWS (S3, EC2, SQS, Lambda), Azure, Docker, Kubernetes, Jenkins</p>
</div>
<div class="skill">
<h3>Frameworks & Libraries</h3>
<p>TensorFlow, PyTorch, Keras, Swagger, JUnit</p>
</div>
<div class="skill">
<h3>Programming Languages</h3>
<p>Java, Python, C, C++, SQL, PHP</p>
</div>
</div>
</div>
</section>
<section id="experience" class="section">
<div class="container">
<h2>Experience</h2>
<div class="experience">
<h3>Bajaj Finserv</h3>
<p>BYTE Intern | Jan 2023 - Jun 2023</p>
<ul>
<li>Developed a Proof of Concept (POC) by transforming a monolithic application into Kubernetes-based
microservices, resulting in a 40% scalability improvement.</li>
<li>Enhanced website performance and security using Redis, OAuth, Azure App Functions, AWS Lambda, and DevOps
tools, achieving a 30% efficiency gain.</li>
<li>Integrated ChatGPT for AI functionalities and utilized React and Node.js, boosting application
reachability by 15%.</li>
</ul>
</div>
<div class="experience">
<h3>FarmOR Agri Solutions</h3>
<p>Full Stack Development Intern | Aug 2022 - Dec 2022</p>
<ul>
<li>Engineered MEAN stack development for multiple apps, including partner and admin panels, enhancing
platform capabilities.</li>
<li>Improved application security by 30% through Angular authentication mechanisms and custom directives.</li>
<li>Increased user engagement by 15% with robust MongoDB integration and ensuring cross-browser compatibility.
</li>
</ul>
</div>
<div class="experience">
<h3>Hyposoft Global Solutions</h3>
<p>Backend Development Intern | May 2022 - Jul 2022</p>
<ul>
<li>Designed efficient REST APIs using Node.js, improving application speed by 25% and ensuring seamless
server-user data flow.</li>
<li>Collaborated on front-end integration and maintained detailed documentation, accelerating business
processes by 20%.</li>
<li>Reduced bugs by 15% through rigorous testing and version control using Bitbucket and Postman.</li>
</ul>
</div>
</div>
</section>
<section id="projects" class="section">
<div class="container">
<h2>Projects</h2>
<div class="project">
<h3>Food Recognition and Calorie Measurement</h3>
<p>Developed an advanced food recognition system using CNN, achieving a 25% accuracy improvement. Enhanced image
recognition with data augmentation and segmentation techniques.</p>
<!-- <img src="images/food_project.png" alt="Food Recognition Project Screenshot"> -->
</div>
<div class="project">
<h3>Driver Drowsiness Detection</h3>
<p>Implemented a robust system using Haar Cascade classifiers and CNN, achieving 97.79% accuracy and
significantly reducing fatigue-related accidents.</p>
<!-- <img src="images/drowsiness_project.png" alt="Driver Drowsiness Project Screenshot"> -->
</div>
<div class="project">
<h3>Basic Shell Interpreter</h3>
<p>Built a C-based shell interpreter, optimizing process management with <code>fork()</code> to gain 30%
performance. Added advanced command options for better functionality.</p>
<!-- <img src="images/shell_project.png" alt="Shell Interpreter Project Screenshot"> -->
</div>
<div class="project">
<h3>Pacman Game</h3>
<p>Developed a Pac-Man game in Java using Java Swing, reducing runtime errors by 40% and improving load time by
25%. Enhanced user experience with an optimized interface.</p>
<!-- <img src="images/pacman_project.png" alt="Pacman Game Project Screenshot"> -->
</div>
</div>
</section>
<section id="education" class="section">
<div class="container">
<h2>Education</h2>
<div class="education">
<h3>University of North Carolina Charlotte</h3>
<p>Master's in Computer Science | GPA: 3.77 / 4.0 | 2023 - 2025</p>
</div>
<div class="education">
<h3>Vellore Institute of Technology</h3>
<p>Bachelor's in Computer Science | GPA: 7.95 / 10.0 | 2019 - 2023</p>
</div>
</div>
</section>
<section id="contact" class="section">
<div class="container">
<h2>Contact</h2>
<div class="contact-icons">
<a href="mailto:vlingam1@charlotte.edu" target="_blank"><img src="images/email-icon.svg" alt="Email"></a>
<a href="https://github.com/vvsndattasailingam" target="_blank"><img src="images/github-icon.svg"
alt="GitHub"></a>
<a href="https://www.linkedin.com/in/vvsndattasailingam/" target="_blank"><img src="images/linkedin-icon.svg"
alt="LinkedIn"></a>
<a href="tel:+17047127793"><img src="images/phone-icon.svg" alt="Phone"></a>
</div>
</div>
</section>
<footer class="footer">
<p>© 2025 Datta Sai Lingam. All rights reserved.</p>
</footer>
<script>
// Add animations using GSAP
gsap.from(".hero h1", { duration: 1, y: -50, opacity: 0 });
gsap.from(".hero p", { duration: 1, delay: 0.5, y: -50, opacity: 0 });
gsap.from(".cta-button", { duration: 1, delay: 1, y: -50, opacity: 0 });
gsap.from("nav ul li", { duration: 0.8, y: -20, opacity: 0, stagger: 0.2 });
gsap.from(".section h2", { duration: 1, y: 30, opacity: 0, stagger: 0.3 });
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute("href"));
if (target) {
window.scrollTo({
top: target.offsetTop,
behavior: "smooth",
});
}
});
});
// Smooth scrolling and menu auto-close
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute("href"));
if (target) {
window.scrollTo({ top: target.offsetTop - 50, behavior: "smooth" });
document.querySelector("nav ul").classList.remove("visible"); // Close the menu
}
});
});
// Hamburger menu toggle
const hamburgerMenu = document.querySelector(".hamburger-menu");
const navMenu = document.querySelector("nav ul");
hamburgerMenu.addEventListener("click", () => {
navMenu.classList.toggle("visible");
});
</script>
</body>
</html>