diff --git a/.gitignore b/.gitignore
index e69de29..0f378da 100644
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,27 @@
+# Node
+node_modules/
+uploads/
+
+# System
+.DS_Store
+.env
+*.log
+dist/
+build/
+__pycache__/
+*.pyc
+*.pyo
+*.pyd
+.cache/
+coverage/
+*.sqlite3
+*.db
+*.tgz
+*.zip
+*.bak
+*.tmp
+*.swp
+*.swo
+*.idea/
+*.iml
+*.code-workspace
diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index e69de29..0000000
diff --git a/css/styles.css b/css/styles.css
index e69de29..9611f48 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -0,0 +1,59 @@
+body {
+ font-family: 'Segoe UI', Arial, sans-serif;
+ background: #f7f9fb;
+ color: #222;
+ margin: 0;
+ padding: 0;
+}
+header {
+ background: linear-gradient(90deg, #6a82fb 0%, #fc5c7d 100%);
+ color: #fff;
+ padding: 2rem 1rem 1rem 1rem;
+ text-align: center;
+}
+main {
+ max-width: 900px;
+ margin: 2rem auto;
+ padding: 1rem;
+ background: #fff;
+ border-radius: 12px;
+ box-shadow: 0 2px 12px rgba(0,0,0,0.07);
+}
+section {
+ margin-bottom: 2.5rem;
+}
+h2 {
+ color: #6a82fb;
+ margin-bottom: 0.5rem;
+}
+#upload-section input[type="file"] {
+ margin-bottom: 0.5rem;
+}
+button {
+ background: #6a82fb;
+ color: #fff;
+ border: none;
+ padding: 0.6rem 1.2rem;
+ border-radius: 6px;
+ cursor: pointer;
+ font-size: 1rem;
+ transition: background 0.2s;
+}
+button:hover {
+ background: #fc5c7d;
+}
+#summary-output, #quiz-output, #reminder-output, #progress-output {
+ background: #f0f4fa;
+ border-radius: 8px;
+ padding: 1rem;
+ min-height: 60px;
+ margin-top: 0.5rem;
+}
+footer {
+ text-align: center;
+ padding: 1rem;
+ background: #f0f4fa;
+ color: #888;
+ border-top: 1px solid #e0e0e0;
+ margin-top: 2rem;
+}
diff --git a/index.html b/index.html
index e69de29..a386003 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+ EduCat: AI Study Buddy
+
+
+
+
+
+
+
+ AI Summary
+ Upload your notes to see a summary here.
+
+
+ Practice Quiz
+ AI-generated quizzes will appear here.
+
+
+ Study Reminders
+ Personalized reminders will show here.
+
+
+ Progress Dashboard
+ Track your study progress visually!
+
+
+
+
+
+
diff --git a/js/app.js b/js/app.js
index e69de29..8a410f2 100644
--- a/js/app.js
+++ b/js/app.js
@@ -0,0 +1,515 @@
+// EduCat: AI Study Buddy - Initial JS
+
+// --- PAGE ROUTING LOGIC ---
+const pages = {
+ main: `
+
+
+
+
+
+
+ `,
+ upload: `
+ π€ Upload Materials & AI Summary π±
+
+
+
+
+ `,
+ quiz: `
+
+
+
+
+ `,
+ chatbot: `
+
+
+
+
+ `
+};
+
+function renderPage(page) {
+ document.body.innerHTML = `
+
+ ${pages[page]}
+
+ `;
+ document.querySelectorAll('.nav-btn').forEach(btn => {
+ btn.onclick = () => renderPage(btn.dataset.page);
+ });
+ // Re-initialize page content
+ if (page === 'main') {
+ renderDashboard();
+ renderReminders();
+ renderChatbot();
+ } else if (page === 'upload') {
+ renderUpload();
+ renderSummary();
+ } else if (page === 'quiz') {
+ renderQuiz();
+ } else if (page === 'chatbot') {
+ renderChatbot();
+ }
+}
+
+// --- COMPONENT RENDERERS ---
+function renderDashboard() {
+ const progressSection = document.getElementById('dashboard-section');
+ if (!progressSection) return;
+ progressSection.innerHTML = `
+ π Progress Dashboard πΎ
+
+
+
π Study Sessions
+
5 sessions this week
+
+
+
+
β
Quizzes Completed
+
3 / 5 this week
+
+
+
+
π Streak
+
4 days in a row
+
+
+
+
π‘ Motivation
+
βKeep going, youβre doing great!β
+
+
+
β° Study Reminders π±
+
+
+ - π
Next quiz: Friday, 3pm
+ - β° Review notes for Math tonight
+ - π Complete 2 practice quizzes by Sunday
+ - π§ Take a short break every 45 minutes!
+
+
+
EduCat Chatbot
+
+
+
+
+
+ `;
+ const chatWindow = document.getElementById('chat-window');
+ const chatInput = document.getElementById('chat-input');
+ const sendBtn = document.getElementById('chat-send');
+
+ function addBubble(text, sender) {
+ const bubble = document.createElement('div');
+ bubble.className = sender === 'user' ? 'bubble user-bubble' : 'bubble ai-bubble';
+ bubble.innerHTML = text;
+ chatWindow.appendChild(bubble);
+ chatWindow.scrollTop = chatWindow.scrollHeight;
+ }
+
+ function showTyping() {
+ const typing = document.createElement('div');
+ typing.className = 'bubble ai-bubble typing';
+ typing.id = 'ai-typing';
+ typing.innerHTML = ' EduCat is typing...';
+ chatWindow.appendChild(typing);
+ chatWindow.scrollTop = chatWindow.scrollHeight;
+ }
+
+ function hideTyping() {
+ const typing = document.getElementById('ai-typing');
+ if (typing) typing.remove();
+ }
+
+ sendBtn.addEventListener('click', sendMessage);
+ chatInput.addEventListener('keydown', e => { if (e.key === 'Enter') sendMessage(); });
+
+ function sendMessage() {
+ const msg = chatInput.value.trim();
+ if (!msg) return;
+ addBubble(msg, 'user');
+ chatInput.value = '';
+ showTyping();
+ fetch('/api/chat', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ message: msg })
+ })
+ .then(res => res.json())
+ .then(data => {
+ hideTyping();
+ setTimeout(() => {
+ addBubble(data.reply || data.error, 'ai');
+ }, 500); // Simulate slight delay for realism
+ })
+ .catch(() => {
+ hideTyping();
+ addBubble('Error contacting chatbot.', 'ai');
+ });
+ }
+
+ // Add styles for bubbles and typing
+ const style = document.createElement('style');
+ style.innerHTML = `
+ #chat-window { font-size: 1rem; }
+ .bubble {
+ display: inline-block;
+ padding: 0.6em 1em;
+ margin: 0.3em 0;
+ border-radius: 18px;
+ max-width: 80%;
+ word-break: break-word;
+ clear: both;
+ position: relative;
+ animation: fadeIn 0.2s;
+ }
+ .user-bubble {
+ background: #6a82fb;
+ color: #fff;
+ align-self: flex-end;
+ float: right;
+ margin-left: 20%;
+ }
+ .ai-bubble {
+ background: #fff;
+ color: #222;
+ border: 1px solid #e0e0e0;
+ align-self: flex-start;
+ float: left;
+ margin-right: 20%;
+ }
+ .typing {
+ opacity: 0.7;
+ font-style: italic;
+ }
+ .dot {
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ margin-right: 2px;
+ background: #6a82fb;
+ border-radius: 50%;
+ animation: blink 1.4s infinite both;
+ }
+ .dot:nth-child(2) { animation-delay: 0.2s; }
+ .dot:nth-child(3) { animation-delay: 0.4s; }
+ @keyframes blink {
+ 0%, 80%, 100% { opacity: 0.2; }
+ 40% { opacity: 1; }
+ }
+ @keyframes fadeIn {
+ from { opacity: 0; transform: translateY(10px); }
+ to { opacity: 1; transform: none; }
+ }
+ `;
+ document.head.appendChild(style);
+}
+
+function renderUpload() {
+ const uploadSection = document.getElementById('upload-section');
+ if (!uploadSection) return;
+ uploadSection.innerHTML = `
+ π€ Upload Study Materials πΎ
+
+
+
+ `;
+ document.getElementById('upload-btn').addEventListener('click', async () => {
+ const fileInput = document.getElementById('file-upload');
+ const statusDiv = document.getElementById('upload-status');
+ if (!fileInput.files.length) {
+ statusDiv.textContent = 'Please select at least one file.';
+ return;
+ }
+ const file = fileInput.files[0];
+ const formData = new FormData();
+ formData.append('file', file);
+ statusDiv.textContent = 'Uploading...';
+ try {
+ const response = await fetch('/api/upload', {
+ method: 'POST',
+ body: formData
+ });
+ const result = await response.json();
+ if (response.ok) {
+ statusDiv.textContent = 'File uploaded! Getting summary...';
+ // Call Flowise summarization endpoint
+ const summaryRes = await fetch('/api/flowise', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ filename: result.filename })
+ });
+ const summaryData = await summaryRes.json();
+ document.getElementById('summary-output').textContent = summaryData.summary || 'No summary available.';
+ } else {
+ statusDiv.textContent = result.error || 'Upload failed.';
+ }
+ } catch (err) {
+ statusDiv.textContent = 'Error uploading file.';
+ }
+ });
+}
+
+function renderSummary() {
+ const summarySection = document.getElementById('summary-section');
+ if (!summarySection) return;
+ summarySection.innerHTML = `
+ π AI Summary π±
+ Upload your notes to see a summary here.
+ `;
+}
+
+function renderQuiz() {
+ const quizSection = document.getElementById('quiz-section');
+ if (!quizSection) return;
+ // Subjects and questions
+ const subjects = {
+ Math: [
+ {
+ q: 'What is the value of Ο (pi) rounded to 2 decimal places?',
+ opts: ['A. 3.12', 'B. 3.14', 'C. 3.16', 'D. 3.18'],
+ ans: 'B. 3.14'
+ },
+ {
+ q: 'Solve: 5 Γ 6 = ?',
+ opts: ['A. 11', 'B. 30', 'C. 56', 'D. 26'],
+ ans: 'B. 30'
+ }
+ ],
+ Science: [
+ {
+ q: 'What planet is known as the Red Planet?',
+ opts: ['A. Venus', 'B. Mars', 'C. Jupiter', 'D. Saturn'],
+ ans: 'B. Mars'
+ },
+ {
+ q: 'What is H2O commonly known as?',
+ opts: ['A. Oxygen', 'B. Hydrogen', 'C. Water', 'D. Helium'],
+ ans: 'C. Water'
+ }
+ ],
+ History: [
+ {
+ q: 'Who was the first President of the United States?',
+ opts: ['A. Abraham Lincoln', 'B. George Washington', 'C. John Adams', 'D. Thomas Jefferson'],
+ ans: 'B. George Washington'
+ },
+ {
+ q: 'In which year did World War II end?',
+ opts: ['A. 1942', 'B. 1945', 'C. 1948', 'D. 1950'],
+ ans: 'B. 1945'
+ }
+ ]
+ };
+ let selectedSubject = Object.keys(subjects)[0];
+ let currentQ = 0;
+ quizSection.innerHTML = `
+ Practice Quiz πΎ
+
+
+
+
+
+
+
+
+
+
+
+
+
+