Skip to content

Added More Details to Chatbot #1179

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Aug 25, 2024
Merged

Added More Details to Chatbot #1179

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f5461ce
Added more details to chatbot
UppuluriKalyani Aug 25, 2024
71ce683
added details to chatbot
UppuluriKalyani Aug 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
69 changes: 20 additions & 49 deletions Website/js/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -188,12 +188,26 @@ async function fetchSubdirectoryCounts() {
{ text: 'Hello! Welcome to Machine Learning Repos', type: 'bot' }
];

// hardcoded questions and answers
const questionsAndAnswers = [
{ question: 'What is Machine Learning?', answer: 'Machine Learning is a field of AI that enables computers to learn from data without being explicitly programmed.' },
{ question: 'Tell me about Machine Learning Repos.', answer: 'Machine Learning Repos is a curated collection of Machine Learning Repositories' },
{ question: 'How do I contribute to the repository?', answer: 'You can contribute by forking the repository, making changes, and submitting a pull request. Learn more <a href="https://github.com/recodehive/machine-learning-repos/blob/main/Website/README.md" target="_blank">here</a>' },
];
// hardcoded questions and answers
const questionsAndAnswers = [
{ question: 'What is RecoderHive?',answer: 'RecodeHive is a community-driven platform offering curated machine learning repositories'},
{ question: 'What is Machine Learning?', answer: 'Machine Learning is a field of AI that enables computers to learn from data without being explicitly programmed.' },
{ question: 'Tell me about Machine Learning Repos.', answer: 'Machine Learning Repos is a curated collection of Machine Learning Repositories' },
{ question: 'How do I contribute to the repository?', answer: 'You can contribute by forking the repository, making changes, and submitting a pull request. Learn more <a href="https://github.com/recodehive/machine-learning-repos/blob/main/Website/README.md" target="_blank">here</a>' },
{ question: 'How many repositories are included in this collection?', answer: 'There are multiple repositories included, each covering various aspects of Machine Learning.' },
{ question: 'What are the main topics covered by these repositories?', answer: 'The repositories cover topics like data preprocessing, model training, NLP, and more.' },
{ question: 'Does the repository offer any courses?', answer: 'Yes, the repository provides links to courses related to Machine Learning.' },
{ question: 'What programming languages are used in these repositories?', answer: 'The repositories utilize languages such as Python, R, HTML, CSS, JavaScript and others.' },
{ question: 'Which frameworks are utilized in these repositories?', answer: 'Frameworks like TensorFlow, PyTorch, and Scikit-Learn are used.' },
{ question: 'What is the most popular repository in the collection?', answer: 'The most popular repository is the "Awesome Machine Learning" collection.' },
{ question: 'Are there any projects focusing on NLP in this collection?', answer: 'Yes, there are projects specifically focused on Natural Language Processing (NLP).' },
{ question: 'How many topics are covered in the repository?', answer: 'The repository covers several key topics, including data science, deep learning, and more.' },
{ question: 'Does the repository provide any tutorials?', answer: 'Yes, there are tutorials available that help users understand various machine learning concepts.' },
{ question: 'What is the purpose of the repository?', answer: 'The repository aims to provide a comprehensive collection of resources and projects for learning and applying machine learning.' },
{ question: 'Are there any datasets included in the repository?', answer: 'Yes, some repositories include datasets that can be used for training and testing machine learning models.' },
{ question: 'How frequently is the repository updated?', answer: 'The repository is regularly updated with new content and improvements.' }
];



function renderMessages() {
Expand Down Expand Up @@ -272,46 +286,3 @@ async function fetchSubdirectoryCounts() {
toggleStatsSection();
});

document.addEventListener("DOMContentLoaded", function() {
fetchContributors();

function fetchContributors() {
const repoOwner = 'recodehive'; // Replace with your repository owner
const repoName = 'machine-learning-repos'; // Replace with your repository name
const apiUrl = `https://api.github.com/repos/${repoOwner}/${repoName}/contributors`;

fetch(apiUrl)
.then(response => response.json())
.then(contributors => {
const contributorsGrid = document.getElementById('contributors-grid');

contributors.forEach(contributor => {
const contributorDiv = document.createElement('div');
contributorDiv.className = 'contributor';

contributorDiv.innerHTML = `
<img src="${contributor.avatar_url}" alt="${contributor.login}" class="contributor-image">
<div class="contributor-info">
<a href="${contributor.html_url}" target="_blank" class="contributor-github">GitHub Profile</a>
</div>
`;

contributorsGrid.appendChild(contributorDiv);
});
})
.catch(error => {
console.error('Error fetching contributors:', error);
});
}
});

const toggleDarkModeButton = document.getElementById('toggle-dark-mode');
const body = document.body;

toggleDarkModeButton.addEventListener('click', () => {
body.classList.toggle('dark-mode');
// Change icon based on dark mode status
const icon = toggleDarkModeButton.querySelector('i');
icon.classList.toggle('fa-moon');
icon.classList.toggle('fa-sun');
});
6 changes: 6 additions & 0 deletions Website/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

53 changes: 15 additions & 38 deletions Website/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -523,7 +523,7 @@ button#toggle-languages:hover {

.chatbot-header {
background-color: #1a1a5e;
color: white;
color: rgb(255, 250, 250);
padding: 15px;
border-radius: 8px 8px 0 0;
font-size: 16px;
Expand Down Expand Up @@ -565,18 +565,18 @@ button#toggle-languages:hover {
}

.message.bot .message-text {
background-color: #f1f1f1;
background-color: #d1d0d0;
}

.message.user .message-text {
background-color: #1a1a5e;
color: white;
color: rgb(254, 252, 252);
word-wrap: break-word;
}

.chatbot-questions {
padding: 15px;
background-color: #f9f9f9;
background-color: #f4f1f1;
}

.chatbot-questions p {
Expand All @@ -593,29 +593,35 @@ button#toggle-languages:hover {
}

.chatbot-questions li {
background-color: #f1f1f1;
background-color: #e8e5e5;
padding: 10px 15px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s ease;
}
#question-list {
max-height: 200px; /* Adjust height as needed */
overflow-y: auto; /* Enable vertical scrolling */
padding: 10px;
border: 1px solid #ccc;
}

.chatbot-questions li:hover {
background-color: #2f3a57;
color: white;
color: rgb(255, 255, 255);
}

.chatbot-input-container {
display: flex;
padding: 15px;
background-color: #f9f9f9;
border-top: 1px solid #ddd;
border-top: 1px solid #0f0a0a;
}

.chatbot-input-container input {
flex-grow: 1;
padding: 8px;
border: 1px solid #ddd;
border: 1px solid #f8f2f2;
border-radius: 8px;
}

Expand All @@ -624,7 +630,7 @@ button#toggle-languages:hover {
margin-left: 10px;
border: none;
background-color: #2f3a57;
color: white;
color: rgb(252, 251, 251);
border-radius: 8px;
cursor: pointer;
}
Expand Down Expand Up @@ -727,34 +733,6 @@ button#toggle-languages:hover {
}


/* Loading Animation CSS */
.loading-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.8); /* Slightly transparent background */
z-index: 1000;
}

.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* Dark Mode Styles */
body.dark-mode {
background-color: #121245;
Expand Down Expand Up @@ -825,4 +803,3 @@ body.dark-mode {