Spaces:
No application file
No application file
Upload 3 files
Browse files- index.html +64 -0
- script.js +3 -0
- styles.css +67 -0
index.html
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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>Binura Yasodya's Portfolio</title>
|
| 7 |
+
<link rel="stylesheet" href="styles.css">
|
| 8 |
+
</head>
|
| 9 |
+
<body>
|
| 10 |
+
<header>
|
| 11 |
+
<h1>Binura Yasodya</h1>
|
| 12 |
+
<p>Data Scientist and Web Developer</p>
|
| 13 |
+
<nav>
|
| 14 |
+
<ul>
|
| 15 |
+
<li><a href="#about">About</a></li>
|
| 16 |
+
<li><a href="#projects">Projects</a></li>
|
| 17 |
+
<li><a href="#contact">Contact</a></li>
|
| 18 |
+
</ul>
|
| 19 |
+
</nav>
|
| 20 |
+
</header>
|
| 21 |
+
|
| 22 |
+
<section id="about">
|
| 23 |
+
<h2>About Me</h2>
|
| 24 |
+
<p>Welcome to my portfolio! I am Binura Yasodya, a passionate Data Scientist and Web Developer with experience in image data processing, neural networks, and web application development.</p>
|
| 25 |
+
</section>
|
| 26 |
+
|
| 27 |
+
<section id="projects">
|
| 28 |
+
<h2>Projects</h2>
|
| 29 |
+
<div class="project">
|
| 30 |
+
<h3>Conversational Chatbot</h3>
|
| 31 |
+
<p>Developed a conversational chatbot using Python, Streamlit, OpenAI API, and LangChain on Hugging Face Spaces. This chatbot can engage in meaningful conversations and remember context.</p>
|
| 32 |
+
</div>
|
| 33 |
+
<div class="project">
|
| 34 |
+
<h3>RAG Application for PDF Querying</h3>
|
| 35 |
+
<p>Developed a RAG application for querying information from uploaded PDFs using LangChain, OpenAI, and FAISS (Vectordb). Designed a user-friendly Streamlit interface for seamless document uploads and rapid, accurate information retrieval.</p>
|
| 36 |
+
</div>
|
| 37 |
+
<div class="project">
|
| 38 |
+
<h3>Web App with Django</h3>
|
| 39 |
+
<p>Created a web application using Django, with a focus on data processing and visualization.</p>
|
| 40 |
+
</div>
|
| 41 |
+
<div class="project">
|
| 42 |
+
<h3>Customer Churn Prediction</h3>
|
| 43 |
+
<p>Compared the accuracies of 5 ML models and optimized hyper-parameters using GridSearchCV to predict customer churn.</p>
|
| 44 |
+
</div>
|
| 45 |
+
<div class="project">
|
| 46 |
+
<h3>Vehicle Selling Analytic System</h3>
|
| 47 |
+
<p>Developed a Vehicle Selling Analytic System, including data warehouse creation, ETL development, and OLAP cubes. Delivered BI solutions using Power BI, and utilized SSIS, SSAS, and SSRS for data integration, analysis, and reporting.</p>
|
| 48 |
+
</div>
|
| 49 |
+
<div class="project">
|
| 50 |
+
<h3>Python Library for Sinhala Text Data</h3>
|
| 51 |
+
<p>Built a Python library for cleaning, profiling, and preprocessing Sinhala text data using automated pipelines. Published the library on PyPI (Python Package Index).</p>
|
| 52 |
+
</div>
|
| 53 |
+
</section>
|
| 54 |
+
|
| 55 |
+
<section id="contact">
|
| 56 |
+
<h2>Contact</h2>
|
| 57 |
+
<button id="linkedin-button">Visit my LinkedIn</button>
|
| 58 |
+
<br><br>
|
| 59 |
+
<a href="assets/CV_Binura_Yasodya.pdf" target="_blank">Download My CV</a>
|
| 60 |
+
</section>
|
| 61 |
+
|
| 62 |
+
<script src="script.js"></script>
|
| 63 |
+
</body>
|
| 64 |
+
</html>
|
script.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
document.getElementById('linkedin-button').addEventListener('click', function() {
|
| 2 |
+
window.location.href = 'https://www.linkedin.com/in/binura-yasodya-814268217';
|
| 3 |
+
});
|
styles.css
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
body {
|
| 2 |
+
font-family: Arial, sans-serif;
|
| 3 |
+
line-height: 1.6;
|
| 4 |
+
margin: 0;
|
| 5 |
+
padding: 0;
|
| 6 |
+
}
|
| 7 |
+
|
| 8 |
+
header {
|
| 9 |
+
background: #333;
|
| 10 |
+
color: #fff;
|
| 11 |
+
padding: 1rem 0;
|
| 12 |
+
text-align: center;
|
| 13 |
+
}
|
| 14 |
+
|
| 15 |
+
header h1 {
|
| 16 |
+
margin: 0;
|
| 17 |
+
}
|
| 18 |
+
|
| 19 |
+
nav ul {
|
| 20 |
+
list-style: none;
|
| 21 |
+
padding: 0;
|
| 22 |
+
}
|
| 23 |
+
|
| 24 |
+
nav ul li {
|
| 25 |
+
display: inline;
|
| 26 |
+
margin: 0 1rem;
|
| 27 |
+
}
|
| 28 |
+
|
| 29 |
+
nav ul li a {
|
| 30 |
+
color: #fff;
|
| 31 |
+
text-decoration: none;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
section {
|
| 35 |
+
padding: 2rem;
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
.project {
|
| 39 |
+
border: 1px solid #ccc;
|
| 40 |
+
margin: 1rem 0;
|
| 41 |
+
padding: 1rem;
|
| 42 |
+
}
|
| 43 |
+
|
| 44 |
+
#contact {
|
| 45 |
+
text-align: center;
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
#linkedin-button {
|
| 49 |
+
background: #0077b5;
|
| 50 |
+
color: #fff;
|
| 51 |
+
border: none;
|
| 52 |
+
padding: 1rem 2rem;
|
| 53 |
+
cursor: pointer;
|
| 54 |
+
}
|
| 55 |
+
|
| 56 |
+
#linkedin-button:hover {
|
| 57 |
+
background: #005582;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
a {
|
| 61 |
+
text-decoration: none;
|
| 62 |
+
color: #0077b5;
|
| 63 |
+
}
|
| 64 |
+
|
| 65 |
+
a:hover {
|
| 66 |
+
color: #005582;
|
| 67 |
+
}
|