Hugging Face's logo

Spaces:
muboboev
/
quantumcode-ai-architect
Running

App Files Community
muboboev commited on
Commit
4bd35f1
·
verified ·
1 Parent(s): 35859aa

Подэтап 1.2 — Архитектура данных

Browse files

Определить ERD (User, Role, Lesson, Course, Payment, Teacher, Progress).

Создать модели:

UserProfile (роль, язык, статус, уровень)

Course, Lesson, Module

TeacherProfile

PaymentTransaction

ProgressRecord

ConfidenceMetric

Настроить ORM (SQLAlchemy / Prisma).

Создать миграции базы данных.

Files changed (2) hide show
  1. data-architecture.html +162 -0
  2. index.html +38 -12
data-architecture.html ADDED
@@ -0,0 +1,162 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Data Architecture | QuantumCode</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
12
+
13
+ body {
14
+ font-family: 'Space Grotesk', sans-serif;
15
+ background-color: #0f172a;
16
+ color: #e2e8f0;
17
+ }
18
+
19
+ .gradient-text {
20
+ background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);
21
+ -webkit-background-clip: text;
22
+ background-clip: text;
23
+ color: transparent;
24
+ }
25
+
26
+ .glass-card {
27
+ background: rgba(15, 23, 42, 0.7);
28
+ backdrop-filter: blur(10px);
29
+ border: 1px solid rgba(255, 255, 255, 0.1);
30
+ border-radius: 1rem;
31
+ }
32
+
33
+ .entity-card {
34
+ border-left: 4px solid #7c3aed;
35
+ }
36
+ </style>
37
+ </head>
38
+ <body class="min-h-screen">
39
+ <nav class="px-6 py-4 flex justify-between items-center">
40
+ <div class="flex items-center space-x-2">
41
+ <i data-feather="cpu" class="text-indigo-500"></i>
42
+ <span class="text-xl font-bold gradient-text">QuantumCode</span>
43
+ </div>
44
+
45
+ <div class="hidden md:flex space-x-8">
46
+ <a href="index.html" class="hover:text-indigo-400 transition-colors">Home</a>
47
+ <a href="index.html#features" class="hover:text-indigo-400 transition-colors">Features</a>
48
+ <a href="index.html#roadmap" class="hover:text-indigo-400 transition-colors">Roadmap</a>
49
+ <a href="data-architecture.html" class="text-indigo-400">Data Architecture</a>
50
+ </div>
51
+ </nav>
52
+
53
+ <main class="container mx-auto px-4 py-16">
54
+ <section class="max-w-6xl mx-auto mb-20">
55
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">
56
+ <span class="gradient-text">Data Architecture</span>
57
+ </h1>
58
+ <p class="text-xl text-slate-300 mb-10">
59
+ Our structured data model ensures efficient learning tracking and personalization.
60
+ </p>
61
+
62
+ <div class="grid md:grid-cols-2 gap-8 mb-12">
63
+ <div class="glass-card entity-card p-6">
64
+ <h3 class="text-2xl font-bold mb-4 flex items-center">
65
+ <i data-feather="user" class="mr-2 text-indigo-400"></i>
66
+ User Profile
67
+ </h3>
68
+ <ul class="space-y-2 text-slate-300">
69
+ <li class="flex items-start">
70
+ <i data-feather="chevron-right" class="text-indigo-400 mr-2 mt-0.5"></i>
71
+ <span>Roles (student, teacher, admin)</span>
72
+ </li>
73
+ <li class="flex items-start">
74
+ <i data-feather="chevron-right" class="text-indigo-400 mr-2 mt-0.5"></i>
75
+ <span>Language preferences</span>
76
+ </li>
77
+ <li class="flex items-start">
78
+ <i data-feather="chevron-right" class="text-indigo-400 mr-2 mt-0.5"></i>
79
+ <span>Subscription status</span>
80
+ </li>
81
+ <li class="flex items-start">
82
+ <i data-feather="chevron-right" class="text-indigo-400 mr-2 mt-0.5"></i>
83
+ <span>Skill level tracking</span>
84
+ </li>
85
+ </ul>
86
+ </div>
87
+
88
+ <div class="glass-card entity-card p-6">
89
+ <h3 class="text-2xl font-bold mb-4 flex items-center">
90
+ <i data-feather="book" class="mr-2 text-indigo-400"></i>
91
+ Course Structure
92
+ </h3>
93
+ <ul class="space-y-2 text-slate-300">
94
+ <li class="flex items-start">
95
+ <i data-feather="chevron-right" class="text-indigo-400 mr-2 mt-0.5"></i>
96
+ <span>Courses → Modules → Lessons hierarchy</span>
97
+ </li>
98
+ <li class="flex items-start">
99
+ <i data-feather="chevron-right" class="text-indigo-400 mr-2 mt-0.5"></i>
100
+ <span>Multimedia content support</span>
101
+ </li>
102
+ <li class="flex items-start">
103
+ <i data-feather="chevron-right" class="text-indigo-400 mr-2 mt-0.5"></i>
104
+ <span>Prerequisite relationships</span>
105
+ </li>
106
+ <li class="flex items-start">
107
+ <i data-feather="chevron-right" class="text-indigo-400 mr-2 mt-0.5"></i>
108
+ <span>Difficulty levels</span>
109
+ </li>
110
+ </ul>
111
+ </div>
112
+ </div>
113
+
114
+ <div class="glass-card p-8 mb-12">
115
+ <h2 class="text-3xl font-bold mb-8">Progress Tracking</h2>
116
+ <div class="grid md:grid-cols-3 gap-6">
117
+ <div class="p-6 border border-slate-700 rounded-lg">
118
+ <h3 class="text-xl font-bold mb-3 flex items-center">
119
+ <i data-feather="activity" class="text-indigo-400 mr-2"></i>
120
+ Progress Records
121
+ </h3>
122
+ <p class="text-slate-300">Tracks completion status, time spent, and attempts for each lesson.</p>
123
+ </div>
124
+ <div class="p-6 border border-slate-700 rounded-lg">
125
+ <h3 class="text-xl font-bold mb-3 flex items-center">
126
+ <i data-feather="bar-chart-2" class="text-indigo-400 mr-2"></i>
127
+ Confidence Metrics
128
+ </h3>
129
+ <p class="text-slate-300">Self-assessed confidence levels linked to learning materials.</p>
130
+ </div>
131
+ <div class="p-6 border border-slate-700 rounded-lg">
132
+ <h3 class="text-xl font-bold mb-3 flex items-center">
133
+ <i data-feather="credit-card" class="text-indigo-400 mr-2"></i>
134
+ Payment System
135
+ </h3>
136
+ <p class="text-slate-300">Subscription management and transaction history.</p>
137
+ </div>
138
+ </div>
139
+ </div>
140
+
141
+ <div class="text-center">
142
+ <a href="index.html" class="inline-flex items-center px-6 py-3 border border-indigo-500 text-indigo-400 hover:bg-indigo-900/50 rounded-full font-medium transition-colors">
143
+ <i data-feather="arrow-left" class="mr-2"></i>
144
+ Back to Home
145
+ </a>
146
+ </div>
147
+ </section>
148
+ </main>
149
+
150
+ <footer class="py-12 border-t border-slate-800">
151
+ <div class="container mx-auto px-4 text-center">
152
+ <p class="text-slate-500 text-sm">
153
+ © 2023 QuantumCode AI Architect. All rights reserved.
154
+ </p>
155
+ </div>
156
+ </footer>
157
+
158
+ <script>
159
+ feather.replace();
160
+ </script>
161
+ </body>
162
+ </html>
index.html CHANGED
@@ -40,15 +40,14 @@
40
  <i data-feather="cpu" class="text-indigo-500"></i>
41
  <span class="text-xl font-bold gradient-text">QuantumCode</span>
42
  </div>
43
-
44
- <div class="hidden md:flex space-x-8">
45
- <a href="#" class="hover:text-indigo-400 transition-colors">Features</a>
46
- <a href="#" class="hover:text-indigo-400 transition-colors">Roadmap</a>
47
- <a href="#" class="hover:text-indigo-400 transition-colors">Docs</a>
48
- <a href="#" class="hover:text-indigo-400 transition-colors">Team</a>
49
- </div>
50
-
51
- <button class="md:hidden">
52
  <i data-feather="menu"></i>
53
  </button>
54
  </nav>
@@ -129,10 +128,37 @@
129
  </ul>
130
  </div>
131
  </div>
132
-
133
  <div class="border-t border-slate-700/50 my-6"></div>
134
-
135
- <div class="flex flex-col md:flex-row gap-6 opacity-70">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
136
  <div class="md:w-1/4">
137
  <div class="bg-slate-700/50 px-4 py-2 rounded-full inline-block">
138
  <span class="text-slate-400 font-medium">Future</span>
 
40
  <i data-feather="cpu" class="text-indigo-500"></i>
41
  <span class="text-xl font-bold gradient-text">QuantumCode</span>
42
  </div>
43
+ <div class="hidden md:flex space-x-8">
44
+ <a href="#" class="hover:text-indigo-400 transition-colors">Features</a>
45
+ <a href="#" class="hover:text-indigo-400 transition-colors">Roadmap</a>
46
+ <a href="data-architecture.html" class="hover:text-indigo-400 transition-colors">Data Architecture</a>
47
+ <a href="#" class="hover:text-indigo-400 transition-colors">Docs</a>
48
+ <a href="#" class="hover:text-indigo-400 transition-colors">Team</a>
49
+ </div>
50
+ <button class="md:hidden">
 
51
  <i data-feather="menu"></i>
52
  </button>
53
  </nav>
 
128
  </ul>
129
  </div>
130
  </div>
 
131
  <div class="border-t border-slate-700/50 my-6"></div>
132
+
133
+ <div class="flex flex-col md:flex-row gap-6">
134
+ <div class="md:w-1/4">
135
+ <div class="bg-indigo-900/20 px-4 py-2 rounded-full inline-block">
136
+ <span class="text-indigo-400 font-medium">Sprint 2-3</span>
137
+ </div>
138
+ <h3 class="text-xl font-bold mt-3">Data Architecture</h3>
139
+ </div>
140
+ <div class="md:w-3/4">
141
+ <ul class="space-y-4">
142
+ <li class="flex items-start">
143
+ <div class="w-2 h-2 bg-indigo-500 rounded-full mt-2 mr-3"></div>
144
+ <span>Define core data models (User, Course, Lesson, Progress)</span>
145
+ </li>
146
+ <li class="flex items-start">
147
+ <div class="w-2 h-2 bg-indigo-500 rounded-full mt-2 mr-3"></div>
148
+ <span>Setup ORM with SQLAlchemy/Prisma</span>
149
+ </li>
150
+ <li class="flex items-start">
151
+ <div class="w-2 h-2 bg-indigo-500 rounded-full mt-2 mr-3"></div>
152
+ <span>Create database migrations</span>
153
+ </li>
154
+ <li class="flex items-start">
155
+ <div class="w-2 h-2 bg-indigo-500 rounded-full mt-2 mr-3"></div>
156
+ <span>Implement confidence metrics tracking</span>
157
+ </li>
158
+ </ul>
159
+ </div>
160
+ </div>
161
+ <div class="flex flex-col md:flex-row gap-6 opacity-70">
162
  <div class="md:w-1/4">
163
  <div class="bg-slate-700/50 px-4 py-2 rounded-full inline-block">
164
  <span class="text-slate-400 font-medium">Future</span>