📚 Tobeton - Smart Study App with AI Companion

Tobeton is an intelligent study application designed to help students learn more effectively. Developed by a team of 4 developers, Tobeton features an AI companion named Tobe that assists with flashcards, quizzes, summaries, and more.

---

🚀 Quick Navigation

• Authentication
• Main Page
• Home Page
• Folder Page
• Card Page
• Quiz Page
• Flashcard Page
• Profile Page
• Achievement Page
• Settings Page
• Edit Profile Page
• AI Assistance
• Overall Assistant Page

---

Authentication

Page	Description
Login Page	User authentication entry point
Register Page	New user account creation

---

Main Page

Layout with navigation buttons featuring the following icons:

• 🏠 Home
• 📁 Folder
• 👤 Profile
• ⚙️ Settings
• 🤖 AI Assistance

---

Home Page

#	Feature	Description
1	User Profile	Display user information
2	Achievement Button	Navigate to achievements
3	Folder Button	Quick access to folders
4	User Statistical Overview	Learning statistics summary
5	Daily Hour Usage Graph	Visual representation of daily study time

---

Folder Page

#	Feature	Description
1	Search Folder Navigation	Search through folders
2	List Folder Container	Display all folders with refresh button
3	Add and Update Folder Button	Create new folders or Edit Folder
4	Container Style Changer	Toggle folder display style

---

Card Page

#	Feature	Description
1	Quiz Mode Button	Start quiz mode
2	Flashcard Mode Button	Start flashcard mode
3	Add Card Button	Create new study cards
4	Cards Container	Manage and update study cards

---

Quiz Page

#	Feature	Description
1	Single Card Container	Displays question
2	Three Choices Answer	Multiple choice answers (3 options)

---

Flashcard Page

#	Feature	Description
1	Study Time Indicator	Shows current study session duration
2	Single Card Container	Displays both question and answer
3	Transition Button	Navigate between flashcards

---

Profile Page

⚠️ Status: Non-Functional Yet

#	Feature	Description
1	Image Placeholders	Profile picture area
2	Social Status	Following, Friends, Achievement Accomplishment counts
3	Achievement Overview Button	Navigate to achievements

---

Achievement Page

⚠️ Status: Non-Functional Yet

#	Feature	Description
1	Achievement Cards List	Display all earned and available achievements

---

Settings Page

#	Feature	Description
1	Edit Profile Button	Navigate to profile editing
2	Customization Button	⚠️ Non-functional yet

---

Edit Profile Page

#	Feature	Description
1	Edit Profile Image	Change profile picture
2	Update Username	Change display name

---

AI Assistance

Tobeton's AI companion Tobe provides multiple intelligent features:

Feature	Description
💬 Chatbot	Conversational AI assistant
🃟 Flashcards Generator	Auto-generate flashcards from content
❓ Quiz Generator	Create quizzes automatically
📝 Summarizer	Summarize study materials
💡 Suggestions	Personalized learning recommendations

---

Overall Assistant Page

The main interface for interacting with Tobe AI:

#	Feature	Description
1	Chat Container	Displays conversation history
2	Text Input Provider	User input field for interacting with AI

---

Team Tobeton

Developers: 4

Mission: Creating an intelligent study companion that makes learning engaging, efficient, and personalized.

---

Tech Stack (Frontend)

• React / Next.js
• Modern UI/UX design
• Responsive layout

---

Installation & Setup

# Clone the repository
git clone https://github.com/RoiCgovz/Tobeton.git

# Navigate to frontend directory
cd Frontend/Tobeton

# Install dependencies
npm install

# Start development server
npm start