Skip to content

Commit

Permalink
updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@Shashwenth
Shashwenth committed Nov 15, 2024
1 parent 7d83f3f commit b089009
Show file tree
Hide file tree
Showing 3 changed files with 479 additions and 185 deletions.
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
314 changes: 177 additions & 137 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@
</style>

<body>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
Expand All @@ -61,7 +62,7 @@ <h1 class="logo me-auto me-lg-0"><a href="index.html">Shash</a></h1>

<nav id="navbar" class="navbar order-last order-lg-0">
<ul>
<li><a href="#hero" class="nav-link"><i class="bi bi-house navicon"></i>Home</a></li>
<li><a href="#hero" class="nav-link"><i class="bi bi-house navicon"></i> Home</a></li>
<li><a href="#about" class="nav-link"><i class="bi bi-person navicon"></i> About</a></li>
<li><a href="#experience" class="nav-link"><i class="bi bi-laptop-fill"></i> Experience</a></li>
<li><a href="#My_Works" class="nav-link"><i class="bi bi-images navicon"></i> Works</a></li>
Expand All @@ -79,69 +80,111 @@ <h1 class="logo me-auto me-lg-0"><a href="index.html">Shash</a></h1>

</header>

<section class="section dark-background hero fade-effect" id="hero">
<section class="section dark-background hero fade-effect" id="hero">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<h2>Shashwenth Muralidharan</h2>
<p>I'm a <span class="typed" data-typed-items=""></span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span></p>
<p>I'm a <span class="typed" data-typed-items="Software Engineer, Full Stack Developer, Problem Solver"></span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span></p>

<!-- Social Links (only icons) -->
<div class="social-links mt-4">
<a href="https://github.com/Shashwenth" target="_blank" class="social-icon">
<i class="fab fa-github"></i>
</a>
<a href="https://www.linkedin.com/in/shashwenthm/" target="_blank" class="social-icon">
<i class="fab fa-linkedin"></i>
</a>
<a href="mailto:[email protected]" class="social-icon">
<i class="fas fa-envelope"></i>
</a>
<a href="https://drive.google.com/uc?export=download&id=1_Z7M1Iou8pd8kH8jUyOKMOBHO5O-MpgC" target="_blank" class="social-icon">
<i class="fas fa-download"></i>
</a>
</div>
</div>

</section>




<section class="section about light-background fade-effect" id="about">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="container d-flex flex-column align-items-center" data-aos="fade-up" data-aos-delay="100">
<div class="section-title">
<h2 class="text-center">ABOUT ME</h2>
</div>

<div class="text-center">
<span>
Hi, I am Shashwenth Muralidharan, and I am an software engineer. I recently graduated from Rutgers University -
Hi, I am Shashwenth Muralidharan, and I am a software engineer. I recently graduated from Rutgers University -
New Brunswick with a Master's degree in Computer Science, achieving a GPA of 3.87. I am experienced in backend development
and database administration which means I love to read logs. That doesn't mean I do not enjoy front-end development. I like to call myself a backend engineer
and database administration, which means I love to read logs. That doesn't mean I do not enjoy front-end development. I like to call myself a backend engineer
who can work with frontend frameworks. I am also passionate about personal growth. Every opportunity for me is a chance to grow
both professionally and personally.
</span>
</div>
<br>
<div class="text-center">
<h4 class="text-muted">Technical Skills</h4>
<table class="table">
<thead>
<tr>
<th scope="col">Programming Languages</th>
<th scope="col">Frameworks</th>
<th scope="col">Databases</th>
</tr>
</thead>
<tbody>
<tr>
<td>Java</td>
<td>SpringBoot</td>
<td>MySQL</td>

</tr>
<tr>
<td>JavaScript</td>
<td>React. Js</td>
<td>Spring JPA</td>

</tr>
<tr>
<td>Python</td>
<td>Node.js</td>
<td>H2 Database</td>
</tr>
<tr>
<td>C Programming</td>
<td>Bootstrap CSS</td>
</tr>
</tbody>
</table>
</div>
<h4>Technical Skills</h4>
<table class="table">
<thead>
<tr>
<th scope="col">Programming Languages</th>
<th scope="col">Libraries / Frameworks</th>
<th scope="col">Tools / Platforms</th>
<th scope="col">Databases</th>
</tr>
</thead>
<tbody>
<!-- Programming Languages -->
<tr>
<td>Java (8+)</td>
<td>SpringBoot</td>
<td>Kafka</td>
<td>MySQL</td>
</tr>
<tr>
<td>JavaScript (ES6)</td>
<td>Flask</td>
<td>Docker</td>
<td>PostgreSQL</td>
</tr>
<tr>
<td>Python</td>
<td>Node.js</td>
<td>Git</td>
<td>MongoDB</td>
</tr>
<tr>
<td>C</td>
<td>React.js</td>
<td>Postman</td>
<td></td>
</tr>
<tr>
<td>Ruby</td>
<td>Express.js</td>
<td>AWS</td>
<td></td>
</tr>
<!-- Tools / Platforms -->
<tr>
<td></td>
<td>Spring MVC</td>
<td>Tableau BI</td>
<td></td>
</tr>
<tr>
<td></td>
<td>Tailwind CSS</td>
<td>Kubernetes</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>




<section class="education-section dark-background section fade-effect" id="experience">
Expand Down Expand Up @@ -190,114 +233,108 @@ <h3>SmartKnower</h3>
</div>
</section>

<section class="section light-background fade-effec" style="min-height: 100vh;" id="My_Works">
<div class="container text-center" style="position: relative;">
<div class="section-title">
<h2 class="text-center">RECENT WORKS</h2>
<section class="section light-background fade-effect" style="min-height: 100vh;" id="My_Works">
<div class="container text-center" style="position: relative;">
<div class="section-title">
<h2 class="text-center">RECENT WORKS</h2>
</div>
</div>
</div>
<div class="container px-3 py-3">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card h-100">
<img src="./static/Image_Thubnail.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">SurveyMaster</h5>
<p class="card-text">Using React and Spring Boot to create an application that allows users to post surveys and record responses</p>
</div>
<div class="card-footer">
<small class="text-muted"><a href="https://taupe-toffee-5512eb.netlify.app/" target="_blank">Link</a></small>
</div>
<div class="container px-3 py-3">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<a href="https://taupe-toffee-5512eb.netlify.app/" target="_blank" class="card-link">
<div class="card h-100 text-center">
<img src="./static/Image_Thubnail.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">SurveyMaster</h5>
<p class="card-text">Using React and Spring Boot to create an application that allows users to post surveys and record responses</p>
</div>
</div>
</a>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./static/carlease.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Rent-A-Car</h5>
<p class="card-text">A Car leasing Backend System based on Microservices architecture using Netflix eureka Server and Spring Boot</p>
</div>
<div class="card-footer">
<small class="text-muted"><a href="https://github.com/DivGuru/car-rental" target="_blank">Link</a></small>
</div>
<div class="col">
<a href="https://github.com/DivGuru/car-rental" target="_blank" class="card-link">
<div class="card h-100 text-center">
<img src="./static/carlease.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Rent-A-Car</h5>
<p class="card-text">A Car leasing Backend System based on Microservices architecture using Netflix eureka Server and Spring Boot</p>
</div>
</div>
</a>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./static/thread.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Custom Pthread, Malloc and File System</h5>
<p class="card-text">Created a C package that allows Management of Threads, Memory Management, Scheduling and File System mamagement</p>
</div>
<div class="card-footer">
<small class="text-muted"><a href="https://github.com/Shashwenth/Thread-Implementation-Duplication-with-Scheduling-umalloc-and-File-System-" target="_blank">Link</a></small>
</div>
<div class="col">
<a href="https://github.com/Shashwenth/Thread-Implementation-Duplication-with-Scheduling-umalloc-and-File-System-" target="_blank" class="card-link">
<div class="card h-100 text-center">
<img src="./static/thread.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Custom Pthread, Malloc and File System</h5>
<p class="card-text">Created a C package that allows Management of Threads, Memory Management, Scheduling and File System management</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="container px-3 py-3">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card h-100">
<img src="./static/auction.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Auction Website</h5>
<p class="card-text">Java Full Stack application using JSP's, MySQL and JDBC to manage an Auction website that also has features to generate automated reports. </p>
</div>
<div class="card-footer">
<small class="text-muted"><a href="https://github.com/Shashwenth/Auction-Website" target="_blank">Link</a></small>
</div>
<div class="container px-3 py-3">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<a href="https://github.com/Shashwenth/Auction-Website" target="_blank" class="card-link">
<div class="card h-100 text-center">
<img src="./static/auction.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Auction Website</h5>
<p class="card-text">Java Full Stack application using JSP's, MySQL and JDBC to manage an Auction website that also has features to generate automated reports.</p>
</div>
</div>
</a>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./static/book.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">MyBookPal</h5>
<p class="card-text">MyBookPal is a Software Solution designed in JavaScript and served using Node.js that is designed to streamline and enhance the operations of a modern bookstore.</p>
</div>
<div class="card-footer">
<small class="text-muted"><a href="https://github.com/Shashwenth/MyBookPal" target="_blank">Link</a></small>
</div>
<div class="col">
<a href="https://github.com/Shashwenth/MyBookPal" target="_blank" class="card-link">
<div class="card h-100 text-center">
<img src="./static/book.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">MyBookPal</h5>
<p class="card-text">MyBookPal is a Software Solution designed in JavaScript and served using Node.js that is designed to streamline and enhance the operations of a modern bookstore.</p>
</div>
</div>
</a>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./static/landing.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Landing Pages</h5>
<p class="card-text">In this front-end project I have developed landing pages using Bootstrap that allows users to clone them and use for their own designs</p>
</div>
<div class="card-footer">
<small class="text-muted"><a href="https://github.com/Shashwenth/BootStrap" target="_blank">Link</a></small>
</div>
<div class="col">
<a href="https://github.com/Shashwenth/BootStrap" target="_blank" class="card-link">
<div class="card h-100 text-center">
<img src="./static/landing.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Landing Pages</h5>
<p class="card-text">In this front-end project I have developed landing pages using Bootstrap that allows users to clone them and use for their own designs.</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="container px-3 py-3">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
</div>
<div class="col">
<div class="card h-100">
<img src="./static/crypto.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Crypto Stock Prediction In Django</h5>
<p class="card-text">Using Django, Yahoo Finance and ARIMA model developed this webpage to monitor and predict stock market prices of CryptoCurrencies.</p>
</div>
<div class="card-footer">
<small class="text-muted"><a href="https://github.com/Shashwenth/Stock_Prediction_Website_In_Django" target="_blank">Link</a></small>
</div>
<div class="container px-3 py-3">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
</div>
<div class="col">
<a href="https://github.com/Shashwenth/Stock_Prediction_Website_In_Django" target="_blank" class="card-link">
<div class="card h-100 text-center">
<img src="./static/crypto.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Crypto Stock Prediction In Django</h5>
<p class="card-text">Using Django, Yahoo Finance and ARIMA model developed this webpage to monitor and predict stock market prices of CryptoCurrencies.</p>
</div>
</div>
</a>
</div>
<div class="col">
</div>
</div>
<div class="col">
</div>

</div>
</div>
</section>
</section>



<section class="education-section dark-background section fade-effect" id="education">
<div class="container">
Expand Down Expand Up @@ -329,11 +366,14 @@ <h3>Sri Sairam Engineering College</h3>
<section class="section light-background fade-effect" id="resume">
<div class="section-title"><h2>My Resume</h2></div>
<div class="pdf-container">
<iframe src="https://drive.google.com/file/d/1D8zfJIT3cKBJGa2B8oVyYVM0aYJIMRdB/preview" width="100%" height="600px" allow="autoplay"></iframe>
<iframe src="https://drive.google.com/file/d/1_Z7M1Iou8pd8kH8jUyOKMOBHO5O-MpgC/preview" width="100%" height="600px" allow="autoplay"></iframe>
</div>
<div class="pdf-controls">
<a href="https://drive.google.com/uc?export=download&id=1D8zfJIT3cKBJGa2B8oVyYVM0aYJIMRdB" class="download-btn">Download PDF</a>
<a href="https://drive.google.com/uc?export=download&id=1_Z7M1Iou8pd8kH8jUyOKMOBHO5O-MpgC" target="_blank" class="social-icon">
<i class="fas fa-download"></i>
</a>
</div>

</section>

<footer class="dark-background fade-effect">
Expand Down
Loading

0 comments on commit b089009

Please sign in to comment.