Skip to content

Commit 5c141b0

Browse files
vishwanthR2499vishwanthR2499
committed
VishwanthReddyGithub
1 parent 428e01c commit 5c141b0

File tree

3 files changed

+343
-6
lines changed

3 files changed

+343
-6
lines changed

‎HTML

+106
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Vishwanth Reddy | Java Developer</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
11+
<header>
12+
<h1>Madireddy Vishwanth Reddy</h1>
13+
<p>Java Developer | Full Stack Engineer</p>
14+
<p>New York, NY | <a href="mailto:[email protected]">Email Me</a></p>
15+
<link rel="stylesheet" href="style.css">
16+
</header>
17+
18+
<section id="about">
19+
<h2>About Me</h2>
20+
<p>Java Developer with 6 years of experience in designing and implementing Java-based applications, with expertise in Core Java, OOPs, Multithreading, and Garbage Collection. Proficient in JavaScript, RESTful Web Services, XML, and UML. Experienced in Test-Driven Development (TDD) and Agile methodologies (SCRUM). Skilled in AWS services (EC2, Lambda, S3, RDS) and backend development using Spring Boot. Extensive experience in developing microservices architectures and APIs with Spring Boot and GraphQL. Knowledgeable in CI/CD processes using AWS CodePipeline, Docker, and Jenkins. Expertise in full-stack development with Java, React.js, Node.js, .</p>
21+
</section>
22+
23+
<section id="skills">
24+
<h2>Skills</h2>
25+
<ul>
26+
<li><strong>Languages:</strong> Java, JavaScript, TypeScript, Python, C#, SQL</li>
27+
<li><strong>Frontend:</strong> React.js, Angular, Node.js, Express.js</li>
28+
<li><strong>Backend:</strong> Java 8/11/17, Spring Boot, Spring Security, REST APIs</li>
29+
<li><strong>Cloud:</strong> AWS (S3, RDS, Lambda, API Gateway), Azure</li>
30+
<li><strong>Databases:</strong> PostgreSQL, MySQL, DynamoDB, MongoDB</li>
31+
<li><strong>DevOps:</strong> Jenkins, AWS Code Pipeline, Docker, Kubernetes</li>
32+
</ul>
33+
<link rel="stylesheet" href="style.css">
34+
</section>
35+
<section class="clients">
36+
<h2>Clients</h2>
37+
<div class="client-cards">
38+
<!-- Client 1 - Citibank -->
39+
<div class="client-card">
40+
<h3>Citibank</h3>
41+
<p><strong>Location:</strong> New York</p>
42+
<ul>
43+
<li>Developed interactive UI components with React.js, Redux, Material-UI, Tailwind CSS, and Styled Components for responsive design and improved user experience.</li>
44+
<li>Integrated React with RESTful APIs using Axios and React Query for better data fetching performance, and optimized speed with React Suspense and Lazy Loading.</li>
45+
<li>Created scalable microservices using Spring Boot, designed responsive UI components with HTML5, CSS3, and JavaScript, and employed Eclipse IDE for development.</li>
46+
<li>Built and tested APIs using OAuth 2.0 and JWT for security, with MongoDB for data storage, and AWS services like RDS, S3, CloudFront, and IAM for cloud infrastructure.</li>
47+
<li>Automated CI/CD with Jenkins and AWS tools (CodePipeline, CodeBuild, CodeDeploy), ensuring efficient deployment and monitoring with AWS X-Ray and CloudWatch.</li>
48+
</ul>
49+
</div>
50+
51+
<!-- Client 2 - Molina Healthcare -->
52+
<div class="client-card">
53+
<h3>Molina Healthcare</h3>
54+
<p><strong>Location:</strong> Long Beach, California</p>
55+
<ul>
56+
<li>Designed responsive, cross-platform UIs for enterprise applications using Angular, ensuring a seamless user experience and modular, scalable components with TypeScript.</li>
57+
<li>Implemented state management with NgRx for consistency across large Angular apps and integrated RESTful APIs with Angular's HTTP Client for efficient data handling.</li>
58+
<li>Optimized performance with lazy loading, change detection techniques, and AOT compilation, and developed micro front-end architectures using Angular Module Federation.</li>
59+
<li>Automated infrastructure provisioning with AWS CloudFormation and Azure ARM templates, and ensured efficient state management with NgRx, Redux, and Context API.</li>
60+
<li>Integrated RESTful APIs and GraphQL services, secured apps with AWS Cognito for authentication, and managed API endpoints via AWS API Gateway.</li>
61+
</ul>
62+
</div>
63+
64+
<!-- Client 3 - Atlantic Union Bank -->
65+
<div class="client-card">
66+
<h3>Atlantic Union Bank</h3>
67+
<p><strong>Location:</strong> Richmond, Virginia</p>
68+
<ul>
69+
<li>Designed and built interactive, responsive UIs with React.js and React Hooks, improving the client’s e-commerce platform user experience.</li>
70+
<li>Developed reusable UI components with React.js and implemented state management using Redux, Redux Toolkit, and Context API for scalability and maintainability.</li>
71+
<li>Integrated RESTful APIs and GraphQL with React apps for dynamic data retrieval and real-time UI updates, while optimizing performance with lazy loading and code splitting.</li>
72+
<li>Developed and maintained RESTful APIs with ASP.NET Core and Azure Functions, and collaborated with Azure services like App Services, SQL Database, and Storage for smooth data management.</li>
73+
<li>Automated CI/CD pipelines with Azure DevOps and GitHub Actions, ensuring faster deployments, and maintained code quality through testing with Jest, React Testing Library, and Selenium.</li>
74+
</ul>
75+
</div>
76+
77+
<!-- Client 4 - RedBus -->
78+
<div class="client-card">
79+
<h3>RedBus</h3>
80+
<p><strong>Location:</strong> Hyderabad, India</p>
81+
<ul>
82+
<li>Designed and developed dynamic, responsive applications using Angular and TypeScript, with reusable, modular components for scalability and maintainability.</li>
83+
<li>Integrated RESTful APIs and GraphQL using Angular's HTTP Client and Apollo Client, and improved SEO with Angular Universal for server-side rendering (SSR).</li>
84+
<li>Employed AWS Amplify, S3, Cognito, and Firebase Authentication for smooth hosting, scalability, and secure user authentication.</li>
85+
<li>Automated CI/CD pipelines with Jenkins, GitHub Actions, and AWS CodePipeline, streamlining development and deployment processes.</li>
86+
<li>Conducted unit and integration testing with Jasmine and Karma, maintained code quality through code reviews, and ensured cross-browser compatibility across multiple platforms.</li>
87+
</ul>
88+
</div>
89+
</div>
90+
<link rel="stylesheet" href="style.css">
91+
</section>
92+
<section id="contact">
93+
<h2>Contact</h2>
94+
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
95+
<p>LinkedIn: <a href="https://www.linkedin.com/in/madireddy-vishwanth-reddy-787a06205/" target="_blank">Visit My LinkedIn</a></p>
96+
<p>GitHub: <a href="https://github.com/vishwanthR2499" target="_blank">Visit My GitHub</a></p>
97+
<link rel="stylesheet" href="style.css">
98+
<link rel="stylesheet" href="style.css">
99+
</section>
100+
101+
<footer>
102+
<p>© 2025 Madireddy Vishwanth Reddy. All Rights Reserved.</p>
103+
</footer>
104+
105+
</body>
106+
</html>

‎Styling.CSS

+231
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,231 @@
1+
{
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
font-family: 'Arial', sans-serif;
9+
background-color: #f7f7f7;
10+
color: #333;
11+
line-height: 1.6;
12+
}
13+
14+
header {
15+
background-color: #2c3e50;
16+
color: #fff;
17+
padding: 20px 0;
18+
text-align: center;
19+
}
20+
21+
header h1 {
22+
font-size: 2.5em;
23+
}
24+
25+
header p {
26+
font-size: 1.2em;
27+
margin-top: 10px;
28+
}
29+
30+
section {
31+
padding: 40px 20px;
32+
max-width: 1200px;
33+
margin: 0 auto;
34+
}
35+
36+
.projects {
37+
background-color: #fff;
38+
border-radius: 8px;
39+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
40+
padding: 20px;
41+
}
42+
43+
.projects h2 {
44+
text-align: center;
45+
font-size: 2em;
46+
margin-bottom: 20px;
47+
}
48+
49+
.project-cards {
50+
display: flex;
51+
justify-content: space-between;
52+
gap: 20px;
53+
}
54+
55+
.project-card {
56+
background-color: #ecf0f1;
57+
border-radius: 8px;
58+
padding: 20px;
59+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
60+
flex: 1;
61+
transition: transform 0.3s ease, box-shadow 0.3s ease;
62+
}
63+
64+
.project-card h3 {
65+
font-size: 1.5em;
66+
color: #2980b9;
67+
margin-bottom: 10px;
68+
}
69+
70+
.project-card p {
71+
font-size: 1em;
72+
color: #7f8c8d;
73+
}
74+
75+
.project-card:hover {
76+
transform: translateY(-10px);
77+
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
78+
}
79+
80+
.contact {
81+
margin-top: 40px;
82+
text-align: center;
83+
}
84+
85+
.contact h2 {
86+
font-size: 2em;
87+
margin-bottom: 20px;
88+
}
89+
90+
.contact-info {
91+
font-size: 1.2em;
92+
line-height: 1.6;
93+
}
94+
95+
.contact-info a {
96+
color: #2980b9;
97+
text-decoration: none;
98+
}
99+
100+
.contact-info a:hover {
101+
text-decoration: underline;
102+
}
103+
104+
footer {
105+
background-color: #2c3e50;
106+
color: #fff;
107+
text-align: center;
108+
padding: 20px;
109+
margin-top: 40px;
110+
}
111+
* {
112+
margin: 0;
113+
padding: 0;
114+
box-sizing: border-box;
115+
}
116+
117+
body {
118+
font-family: 'Arial', sans-serif;
119+
background-color: #f7f7f7;
120+
color: #333;
121+
line-height: 1.6;
122+
}
123+
124+
header {
125+
background-color: #2c3e50;
126+
color: #fff;
127+
padding: 20px 0;
128+
text-align: center;
129+
}
130+
131+
header h1 {
132+
font-size: 2.5em;
133+
}
134+
135+
header p {
136+
font-size: 1.2em;
137+
margin-top: 10px;
138+
}
139+
140+
section {
141+
padding: 40px 20px;
142+
max-width: 1200px;
143+
margin: 0 auto;
144+
}
145+
146+
.clients {
147+
background-color: #fff;
148+
border-radius: 8px;
149+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
150+
padding: 20px;
151+
}
152+
153+
.clients h2 {
154+
text-align: center;
155+
font-size: 2em;
156+
margin-bottom: 20px;
157+
}
158+
159+
.client-cards {
160+
display: flex;
161+
flex-wrap: wrap;
162+
gap: 20px;
163+
}
164+
165+
.client-card {
166+
background-color: #ecf0f1;
167+
border-radius: 8px;
168+
padding: 20px;
169+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
170+
flex: 1 1 45%;
171+
transition: transform 0.3s ease, box-shadow 0.3s ease;
172+
}
173+
174+
.client-card h3 {
175+
font-size: 1.5em;
176+
color: #2980b9;
177+
margin-bottom: 10px;
178+
}
179+
180+
.client-card p {
181+
font-size: 1.2em;
182+
color: #7f8c8d;
183+
margin-bottom: 15px;
184+
}
185+
186+
.client-card ul {
187+
list-style-type: none;
188+
padding-left: 0;
189+
}
190+
191+
.client-card ul li {
192+
font-size: 1em;
193+
margin-bottom: 10px;
194+
}
195+
196+
.client-card:hover {
197+
transform: translateY(-10px);
198+
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
199+
}
200+
201+
.contact {
202+
margin-top: 40px;
203+
text-align: center;
204+
}
205+
206+
.contact h2 {
207+
font-size: 2em;
208+
margin-bottom: 20px;
209+
}
210+
211+
.contact-info {
212+
font-size: 1.2em;
213+
line-height: 1.6;
214+
}
215+
216+
.contact-info a {
217+
color: #2980b9;
218+
text-decoration: none;
219+
}
220+
221+
.contact-info a:hover {
222+
text-decoration: underline;
223+
}
224+
225+
footer {
226+
background-color: #2c3e50;
227+
color: #fff;
228+
text-align: center;
229+
padding: 20px;
230+
margin-top: 40px;
231+
}

‎package-lock.json

+6-6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)