Skip to content

Commit

Permalink
Merge pull request #28 from AksharP5/experience
Browse files Browse the repository at this point in the history 
Add Experience Section
  • Loading branch information
@AksharP5
AksharP5 authored Sep 11, 2024
2 parents 45c704d + 54ec315 commit 48c650b
Show file tree
Hide file tree
Showing 2 changed files with 359 additions and 107 deletions.
290 changes: 184 additions & 106 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,46 +1,52 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image" href="./src/assets/images/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Akshar's Portfolio</title>
<link rel="stylesheet" href="./src/assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<body>

<header class="header">
<a href="#" class="logo">Akshar</a>
<i class="fa-solid fa-bars" id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#projects">Projects</a>
<a href="#skills">Skills</a>
<a href="#experience">Experience</a>
<a href="#contact">Contact</a>
</nav>
</header>

<section class="home" id="home">
<div class="home-img">
<img src="./src/assets/images/logo.png" alt="Logo">
</div>
<div class="home-content">
<h1>Hi, I'm <span>Akshar</span></h1>
<h3 class="typing-text">I'm a <span class="typing-span"></span></h3>
<p>I am currently a computer science student looking to learn and apply my knowledge to the real-world. I am interested in basketball and music.</p>
<div class="social-icon">
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-square-github"></i></i></a>
</div>
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image" href="./src/assets/images/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Akshar's Portfolio</title>
<link rel="stylesheet" href="./src/assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />

<body>

<header class="header">
<a href="#" class="logo">Akshar</a>
<i class="fa-solid fa-bars" id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#projects">Projects</a>
<a href="#skills">Skills</a>
<a href="#experience">Experience</a>
<a href="#contact">Contact</a>
</nav>
</header>

<section class="home" id="home">
<div class="home-img">
<img src="./src/assets/images/logo.png" alt="Logo">
</div>
<div class="home-content">
<h1>Hi, I'm <span>Akshar</span></h1>
<h3 class="typing-text">I'm a <span class="typing-span"></span></h3>
<p>I am currently a computer science student looking to learn and apply my knowledge to the real-world. I am
interested in basketball and music.</p>
<div class="social-icon">
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-square-github"></i></i></a>
</div>
</section>
</div>
</section>


<section class="projects" id="projects">
<h2 class="heading">Projects</h2>
<div class="projects-container">
<a href="https://github.com/ourPLCC" target="_blank" rel="noopener noreferrer"> <div class="project-box">
<section class="projects" id="projects">
<h2 class="heading">My <span>Projects</span></h2>
<div class="projects-container">
<a href="https://github.com/ourPLCC" target="_blank" rel="noopener noreferrer">
<div class="project-box">
<div class="project-info">
<h4>PLCC</h4>
<ul>
Expand All @@ -52,38 +58,47 @@ <h4>PLCC</h4>
<li>Deployed a Dockerized testing environment for streamlined testing processes</li>
</ul>
</div>
</div></a>
</div>
</a>

<a href="https://github.com/AksharP5/GetSpotifyStats" target="_blank" rel="noopener noreferrer"> <div class="project-box">
<a href="https://github.com/AksharP5/GetSpotifyStats" target="_blank" rel="noopener noreferrer">
<div class="project-box">
<div class="project-info">
<h4>Get Spotify Stats</h4>
<ul>
<li>A Flask Web App for getting Spotify stats</li>
<li>Developed a full-stack web application using Flask</li>
<li>Leveraged the Spotify API to deliver real-time account statistics to users</li>
<li>Automated the generation of a personalized Discover Weekly Homepage on each visit, enhancing user engagement
<li>Automated the generation of a personalized Discover Weekly Homepage on each visit, enhancing user
engagement
and satisfaction</li>
<li>Implemented features displaying users' recent songs, top songs, top artists, and recommended songs across various time frames for a comprehensive overview</li>
<li>Implemented features displaying users' recent songs, top songs, top artists, and recommended songs
across various time frames for a comprehensive overview</li>
<li>Displayed real-time Spotify statistics and personalized recommendations for users</li>
</ul>
</div>
</div></a>
</div>
</a>

<a href="https://github.com/AksharP5/portfolio-react" target="_blank" rel="noopener noreferrer"> <div class="project-box">
<a href="https://github.com/AksharP5/portfolio-react" target="_blank" rel="noopener noreferrer">
<div class="project-box">
<div class="project-info">
<h4>React Portfolio</h4>
<ul>
<li>A Portfolio Website In React</li>
<li>Developed a modern and responsive portfolio website using React for an enhanced user experience</li>
<li>Enhanced user interface with custom React components for a unique design</li>
<li>Implemented engaging and interactive features by incorporating letter animations on hover in the portfolio website</li>
<li>Implemented engaging and interactive features by incorporating letter animations on hover in the
portfolio website</li>
<li>Implemented a captivating visual element in the form of a spinning cube on the portfolio website</li>
<li>Integrated a contact form for easy communication and collaboration opportunities</li>
</ul>
</div>
</div></a>
</div>
</a>

<a href="https://github.com/AksharP5" target="_blank" rel="noopener noreferrer"> <div class="project-box">
<a href="https://github.com/AksharP5" target="_blank" rel="noopener noreferrer">
<div class="project-box">
<div class="project-info">
<h4>Relational Database</h4>
<ul>
Expand All @@ -95,67 +110,130 @@ <h4>Relational Database</h4>
<li>Created views to simplify access to categorized data, such as artist demographics and song genres</li>
</ul>
</div>
</div></a>
</div>
</a>
</div>
</section>

<section class="skills" id="skills">
<h2 class="heading">Skills</h2>
<div class="container">
<div class="row" id="skillsContainer">
<div class="bar">
<div class="info">
<img src="src/assets/images/py.png">
<span>Python</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/java.png">
<span>Java</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/js.png">
<span>JavaScript</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/htmlcss.png">
<span>HTML/CSS</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/git.png">
<span>Git</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/flask.png">
<span>Flask</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/sql.png">
<span>SQL</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/docker.png">
<span>Docker</span>
</div>
</div>

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

<section class="experience" id="experience">
<h2 class="heading">My <span>Experience</span></h2>
<div class="timeline">
<div class="container left">
<div class="content">
<div class="tag">
<h2>University</h2>
</div>
<div class="decs">
<ul class="experience-info">
<li>
2021-2025 </li>
<li>Bachelor of Science in Computer Science</li>
<li>GPA: 3.99</li>
<li>Relevant Courses: Data Structures, Design & Analysis of Algorithms, Software Development,
Software Design, Adv Discrete Mathematics, Design Database Management Systems,
Image Processing, Theory of Computation, Foundations HCI, and more!
</li>
</ul>
</div>
</div>
</div>
<div class="container right">
<div class="content">
<div class="tag">
<h2>Peer Tutor</h2>
</div>
<div class="decs">
<ul class="experience-info">
<li>
2023-2024
</li>
<li>Developed valuable problem-solving strategies with peers to aid in understanding difficult concepts</li>
<li>Developed student confidence through positive reinforcement strategies</li>
<li>Facilitated one-on-one tutoring sessions focusing on academic subject areas</li>
</ul>
</div>
</div>
</div>
</section>

<section class="skills" id="skills">
<h2 class="heading">Skills</h2>
<div class="container">
<div class="row" id="skillsContainer">
<div class="bar">
<div class="info">
<img src="src/assets/images/py.png">
<span>Python</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/java.png">
<span>Java</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/js.png">
<span>JavaScript</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/htmlcss.png">
<span>HTML/CSS</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/git.png">
<span>Git</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/flask.png">
<span>Flask</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/sql.png">
<span>SQL</span>
</div>
</div>
<div class="bar">
<div class="info">
<img src="src/assets/images/docker.png">
<span>Docker</span>
</div>
</div>

<div class="container left">
<div class="content">
<div class="tag">
<h2>Desktop Support Assistant</h2>
</div>
<div class="decs">
<ul class="experience-info">
<li>
2023-Present
</li>
<li>Responded to customer inquiries and provided technical assistance over phone and in person</li>
<li>Diagnosed and troubleshot hardware, software, and network issues</li>
<li>Wired multiple campus labs to optimize network connectivity and ensure smooth operations</li>
<li>Configured hardware, devices, and software to set up workstations for employees</li>
<li>Imaged and re-imaged devices and added them to AD</li>
</ul>
</div>
</div>
</div>
</section>
</div>
</section>

<script type="module" src="/src/index.js"></script>
</body>

<script type="module" src="/src/index.js"></script>
</body>
</html>
</html>
Loading

0 comments on commit 48c650b

Please sign in to comment.