Skip to content

Vidyamitra (Team-Innovates) #6

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

Open
Annapoornaaradhya wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Vidyamitra (Team-Innovates) #6

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
ac9625d
Update README.md
Annapoornaaradhya Sep 27, 2024
5f49592
Add files via upload
Annapoornaaradhya Sep 27, 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
8 changes: 7 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,7 @@
# hackathon-projects
# VIDYAMITRA
The Vidyamitra website serves as an educational platform designed to empower learners across various levels. It offers structured courses in English, Science, and Math, categorized into three levels: beginner, intermediate, and advanced. Each level focuses on foundational skills, gradually advancing to more complex topics. The platform aims to make learning accessible and engaging for all students. For more details, you can visit the site [here](https://vidyamitra.vercel.app/#).

![Screenshot 2024-09-27 221544](https://github.com/user-attachments/assets/c88376e4-46f9-4175-b5aa-3fffe6aca0ad)
![Screenshot 2024-09-27 221612](https://github.com/user-attachments/assets/31c9ea4b-96bb-47db-a1df-4dd34f53239c)
![Screenshot 2024-09-27 221651](https://github.com/user-attachments/assets/90e74670-5e70-4ce2-b6dd-0fff214a71fa)
![image](https://github.com/user-attachments/assets/276ba0d1-7b7f-4b5e-bdb2-8a3c8776d259)
Binary file added back.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
192 changes: 192 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,192 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vidyamitra - Your Learning Companion</title>
<link rel="stylesheet" href="style.css" />
<style>
/* Chatbot styles */
.chat-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
border: 1px solid #ccc;
border-radius: 10px;
display: flex;
flex-direction: column;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.chat-box {
flex: 1;
padding: 10px;
overflow-y: auto;
max-height: 400px;
}
.message {
margin: 5px 0;
padding: 10px;
border-radius: 5px;
max-width: 80%;
}
.bot {
background-color: #e0e0e0;
align-self: flex-start;
}
.user {
background-color: #04172c;
color: white;
align-self: flex-end;
}
input[type="text"] {
border: none;
padding: 10px;
flex-shrink: 0;
}
button {
border: none;
padding: 10px;
background-color: #02162b;
color: white;
cursor: pointer;
flex-shrink: 0;
}
button:hover {
background-color: #5c5d5e;
}
</style>
</head>
<body>
<header class="navbar">
<div class="logo">Vidyamitra</div>
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</header>

<section class="banner">
<h1>Welcome to Vidyamitra</h1>
<p>Empowering learners at every level</p>
<button>Get Started</button>
</section>

<section class="levels">
<h2>Choose Your Learning Level</h2>
<div class="level-grid">
<div class="flip-card beginner" >
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Level 1</h3>
<p>Start your journey here.</p>
</div>
<div class="flip-card-back" onclick="location.href='index1.html'">
<ul>
<li>Engligh-Simple words and Sentence formation</li>
<li>Science-Plants & Animals Identification</li>
<li>Maths-Numbers & Counting</li>
</ul>
</div>
</div>
</div>
<div class="flip-card intermediate" >
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Level 2</h3>
<p>Advance your knowledge.</p>
</div>
<div class="flip-card-back" onclick="location.href='index2.html'">
<ul>
<li>English-Phonics & Vocabulary</li>
<li>Science-Our Environment</li>
<li>Maths-Basic Operations(Addition, Subtraction)</li>
</ul>
</div>
</div>
</div>
<div class="flip-card advanced" >
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Level 3</h3>
<p>Master your skills.</p>
</div>
<div class="flip-card-back" onclick="location.href='index3.html'">
<ul>
<li>English-Parts of Speech & Comprehension</li>
<li>Science-Our Body</li>
<li>Maths-Basic Operations(Multiplication, Division)</li>
</ul>
</div>
</div>
</div>
</div>
</section>

<footer class="footer">
<p>Vidyamitra &copy; 2024 - All Rights Reserved</p>
</footer>
<!-- Chatbot HTML -->
<div class="chat-container">
<div class="chat-box" id="chat-box">
<div class="message bot">Hello! How can I assist you today?</div>
</div>
<input type="text" id="user-input" placeholder="Type a message..." />
<button id="send-button">Send</button>
</div>

<script>
document
.getElementById("send-button")
.addEventListener("click", sendMessage);

function sendMessage() {
const input = document.getElementById("user-input");
const userMessage = input.value.trim();

if (userMessage) {
appendMessage(userMessage, "user");
input.value = "";

// Simulate bot response
setTimeout(() => {
const botResponse = getBotResponse(userMessage);
appendMessage(botResponse, "bot");
}, 1000);
}
}

function appendMessage(message, sender) {
const chatBox = document.getElementById("chat-box");
const messageDiv = document.createElement("div");
messageDiv.classList.add("message", sender);
messageDiv.innerText = message;
chatBox.appendChild(messageDiv);
chatBox.scrollTop = chatBox.scrollHeight; // Scroll to the bottom
}

function getBotResponse(userMessage) {
// Simple responses for demonstration
const responses = {
hi: "Hello! How can I help you?",
"how are you?": "I'm just a bot, but thanks for asking!",
"what is vidyamitra?":
"Vidyamitra is a platform for educational resources.",
"what do you do?":
"This is a platform where we provide asisstance to the students of class 1, 2, 3 to improve on thier studies",
bye: "Goodbye! Have a great day!",
};

return (
responses[userMessage.toLowerCase()] ||
"I'm not sure how to respond to that."
);
}
</script>

<script src="script.js"></script>
</body>
</html>
133 changes: 133 additions & 0 deletions index1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Level 1 Quiz</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<div class="quiz-container">
<h1>Level 1 Quiz</h1>

<!-- Math Section -->
<h2>Math</h2>
<form id="quizForm">
<!-- Question 1: Simple Addition -->
<div class="question">
<p>1. What is 3 + 2?</p>
<label>
<input type="radio" name="q1" value="A">
4
</label><br>
<label>
<input type="radio" name="q1" value="B">
5
</label><br>
<label>
<input type="radio" name="q1" value="C">
6
</label>
</div>

<!-- Question 2: Subtraction -->
<div class="question">
<p>2. What is 5 - 3?</p>
<label>
<input type="radio" name="q2" value="A">
1
</label><br>
<label>
<input type="radio" name="q2" value="B">
2
</label><br>
<label>
<input type="radio" name="q2" value="C">
3
</label>
</div>

<!-- English Section -->
<h2>English</h2>

<!-- Question 3: Word Identification -->
<div class="question">
<p>3. Which word is the name of a fruit?</p>
<label>
<input type="radio" name="q3" value="A">
Cat
</label><br>
<label>
<input type="radio" name="q3" value="B">
Apple
</label><br>
<label>
<input type="radio" name="q3" value="C">
Dog
</label>
</div>

<!-- Question 4: Sentence Completion -->
<div class="question">
<p>4. Complete the sentence: The sky is _____.</p>
<label>
<input type="radio" name="q4" value="A">
big
</label><br>
<label>
<input type="radio" name="q4" value="B">
blue
</label><br>
<label>
<input type="radio" name="q4" value="C">
red
</label>
</div>

<!-- Science Section -->
<h2>Science</h2>

<!-- Question 5: Identify the Plant -->
<div class="question">
<p>5. Which one is a plant?</p>
<label>
<input type="radio" name="q5" value="A">
Cat
</label><br>
<label>
<input type="radio" name="q5" value="B">
Dog
</label><br>
<label>
<input type="radio" name="q5" value="C">
Tree
</label>
</div>

<!-- Question 6: Identify the Animal -->
<div class="question">
<p>6. Which one is an animal?</p>
<label>
<input type="radio" name="q6" value="A">
Rose
</label><br>
<label>
<input type="radio" name="q6" value="B">
Lion
</label><br>
<label>
<input type="radio" name="q6" value="C">
Sunflower
</label>
</div>

<!-- Submit Button -->
<button type="button" onclick="submitQuiz()">Submit</button>

<div id="result"></div>
</form>
</div>

<script src="script1.js"></script>
</body>
</html>
Loading