education desktop

education_desktop/.gitignore

@@ -0,0 +1,43 @@
+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.buildlog/
+.history
+.svn/
+migrate_working_dir/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# The .vscode folder contains launch configuration and tasks you configure in
+# VS Code which you may wish to be included in version control, so this line
+# is commented out by default.
+#.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+**/ios/Flutter/.last_build_id
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.pub-cache/
+.pub/
+/build/
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json
+
+# Android Studio will place build artifacts here
+/android/app/debug
+/android/app/profile
+/android/app/release

education_desktop/.metadata

@@ -0,0 +1,36 @@
+# This file tracks properties of this Flutter project.
+# Used by Flutter tool to assess capabilities and perform upgrades etc.
+#
+# This file should be version controlled and should not be manually edited.
+
+version:
+  revision: "b0850beeb25f6d5b10426284f506557f66181b36"
+  channel: "stable"
+
+project_type: app
+
+# Tracks metadata for the flutter migrate command
+migration:
+  platforms:
+    - platform: root
+      create_revision: b0850beeb25f6d5b10426284f506557f66181b36
+      base_revision: b0850beeb25f6d5b10426284f506557f66181b36
+    - platform: android
+      create_revision: b0850beeb25f6d5b10426284f506557f66181b36
+      base_revision: b0850beeb25f6d5b10426284f506557f66181b36
+    - platform: ios
+      create_revision: b0850beeb25f6d5b10426284f506557f66181b36
+      base_revision: b0850beeb25f6d5b10426284f506557f66181b36
+    - platform: macos
+      create_revision: b0850beeb25f6d5b10426284f506557f66181b36
+      base_revision: b0850beeb25f6d5b10426284f506557f66181b36
+
+  # User provided section
+
+  # List of Local paths (relative to this file) that should be
+  # ignored by the migrate tool.
+  #
+  # Files that are not part of the templates will be ignored by default.
+  unmanaged_files:
+    - 'lib/main.dart'
+    - 'ios/Runner.xcodeproj/project.pbxproj'

education_desktop/README.md

@@ -0,0 +1,16 @@
+# education_desktop
+
+A new Flutter project.
+
+## Getting Started
+
+This project is a starting point for a Flutter application.
+
+A few resources to get you started if this is your first Flutter project:
+
+- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
+- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+
+For help getting started with Flutter development, view the
+[online documentation](https://docs.flutter.dev/), which offers tutorials,
+samples, guidance on mobile development, and a full API reference.

education_desktop/analysis_options.yaml

@@ -0,0 +1,13 @@
+analyzer:
+  errors:
+    avoid_print: ignore
+    constant_identifier_names: ignore
+    deprecated_member_use: ignore
+    library_private_types_in_public_api: ignore
+include: package:flutter_lints/flutter.yaml
+
+linter:
+  rules:
+    use_super_parameters: false
+    prefer_const_constructors: false
+    prefer_const_literals_to_create_immutables: false

education_desktop/lib/main.dart

@@ -0,0 +1,36 @@
+import 'package:education_desktop/pages/home_page.dart';
+import 'package:flutter/material.dart';
+import 'package:window_manager/window_manager.dart';
+
+const WINDOWSIZE = Size(1110, 800);
+
+void main() async {
+  WidgetsFlutterBinding.ensureInitialized();
+  await windowManager.ensureInitialized();
+
+  const windowOptions = WindowOptions(
+    size: WINDOWSIZE,
+    minimumSize: WINDOWSIZE,
+    center: true,
+    backgroundColor: Colors.transparent,
+    skipTaskbar: false,
+    titleBarStyle: TitleBarStyle.hidden,
+  );
+  windowManager.waitUntilReadyToShow(windowOptions, () async {
+    await windowManager.show();
+    await windowManager.focus();
+  });
+
+  runApp(const MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  const MyApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      home: const HomePage(),
+    );
+  }
+}

education_desktop/lib/pages/components/left_menu_component.dart

@@ -0,0 +1,24 @@
+import 'package:education_desktop/widgets/education_icon_widget.dart';
+import 'package:education_desktop/widgets/menu_icons_widget.dart';
+import 'package:flutter/material.dart';
+
+class LeftMenuComponent extends StatelessWidget {
+  const LeftMenuComponent({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 100,
+      height: double.infinity,
+      padding: const EdgeInsets.only(left: 5),
+      child: Column(
+        children: [
+          const SizedBox(height: 55),
+          EducationIconWidget(),
+          const SizedBox(height: 130),
+          MenuIconsWidget(),
+        ],
+      ),
+    );
+  }
+}

education_desktop/lib/pages/components/right_menu_component.dart

@@ -0,0 +1,26 @@
+import 'package:education_desktop/utils/colors.dart';
+import 'package:education_desktop/widgets/activities_and_schedules.dart';
+import 'package:education_desktop/widgets/header_widget.dart';
+import 'package:flutter/material.dart';
+
+class RightMenuComponent extends StatelessWidget {
+  const RightMenuComponent({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      child: Container(
+        color: EducationColors.backgroundColor,
+        child: ListView(
+          padding: const EdgeInsets.only(bottom: 30),
+          children: [
+            const SizedBox(height: 45),
+            HeaderWidget(),
+            const SizedBox(height: 15),
+            ActivitiesAndSchedules(),
+          ],
+        ),
+      ),
+    );
+  }
+}

education_desktop/lib/pages/home_page.dart

@@ -0,0 +1,24 @@
+import 'package:education_desktop/pages/components/left_menu_component.dart';
+import 'package:education_desktop/pages/components/right_menu_component.dart';
+import 'package:flutter/material.dart';
+
+class HomePage extends StatelessWidget {
+  const HomePage({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      body: SizedBox(
+        width: double.infinity,
+        height: double.infinity,
+        child: Row(
+          children: [
+            LeftMenuComponent(),
+            RightMenuComponent(),
+          ],
+        ),
+      ),
+    );
+  }
+}

education_desktop/lib/utils/colors.dart

@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+
+class EducationColors {
+  // 244, 244, 244
+  static const backgroundColor = Color.fromRGBO(244, 244, 244, 1);
+  // 209, 228, 226
+  static const greenColor = Color.fromRGBO(209, 228, 226, 1);
+  // 173, 203, 201
+  static const darkGreenColor = Color.fromRGBO(173, 203, 201, 1);
+  // 255, 214, 234
+  static const pinkColor = Color.fromRGBO(255, 214, 234, 1);
+  // 255, 230, 165
+  static const yellowColor = Color.fromRGBO(255, 230, 165, 1);
+  // 188, 194, 208
+  static const blueColor = Color.fromRGBO(188, 194, 208, 1);
+  // 215, 202, 232
+  static const purpleColor = Color.fromRGBO(215, 202, 232, 1);
+  // 217, 188, 114
+  static const darkYellowColor = Color.fromRGBO(217, 188, 114, 1);
+  // 34, 39, 46
+  static const darkColor = Color.fromRGBO(34, 39, 46, 1);
+}

education_desktop/lib/widgets/activities.dart

@@ -0,0 +1,141 @@
+import 'package:education_desktop/utils/colors.dart';
+import 'package:education_desktop/widgets/activity_widget.dart';
+import 'package:education_desktop/widgets/detailed_learning_progress_widget.dart';
+import 'package:education_desktop/widgets/learning_progress_widget.dart';
+import 'package:flutter/material.dart';
+
+class Activities extends StatelessWidget {
+  const Activities({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 580,
+      padding: const EdgeInsets.only(left: 25, right: 25),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Container(
+            height: 70,
+            alignment: Alignment.centerLeft,
+            child: RichText(
+              text: TextSpan(
+                style: TextStyle(
+                  color: EducationColors.darkColor,
+                  fontSize: 36,
+                  fontWeight: FontWeight.w500,
+                ),
+                children: [
+                  TextSpan(text: 'Your activities today'),
+                  TextSpan(
+                    text: ' (6)',
+                    style: TextStyle(
+                      color: EducationColors.blueColor,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+          Container(
+            padding: const EdgeInsets.only(top: 3),
+            child: Row(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Expanded(
+                  child: ActivityWidget(
+                    rating: '4.8',
+                    text: 'UX/UI Design',
+                    color: EducationColors.greenColor,
+                    darkColor: EducationColors.darkGreenColor,
+                  ),
+                ),
+                const SizedBox(width: 10),
+                Expanded(
+                  child: ActivityWidget(
+                    rating: '4.8',
+                    text: 'Analytics Tools',
+                    color: EducationColors.pinkColor,
+                    darkColor: Colors.white,
+                  ),
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(height: 30),
+          Text(
+            'Learning progress',
+            style: TextStyle(
+              color: EducationColors.darkColor,
+              fontSize: 36,
+              fontWeight: FontWeight.w500,
+              letterSpacing: -.5,
+            ),
+          ),
+          const SizedBox(height: 15),
+          Row(
+            children: [
+              Expanded(
+                child: LearningProgressWidget(
+                  heading: 'Completed',
+                  score: '18',
+                  color: EducationColors.greenColor,
+                ),
+              ),
+              const SizedBox(width: 10),
+              Expanded(
+                child: LearningProgressWidget(
+                  heading: 'Your score',
+                  score: '72',
+                  color: EducationColors.yellowColor,
+                ),
+              ),
+              const SizedBox(width: 10),
+              Expanded(
+                child: LearningProgressWidget(
+                  heading: 'Active',
+                  score: '11',
+                  color: EducationColors.purpleColor,
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 10),
+          SizedBox(
+            width: double.infinity,
+            child: DetailedLearningProgressWidget(
+              heading: 'Design & Creativity',
+              subjectName: 'Design principles',
+              lessonsDoneCount: 22,
+              totalLessonCount: 30,
+              color: EducationColors.pinkColor,
+            ),
+          ),
+          const SizedBox(height: 10),
+          SizedBox(
+            width: double.infinity,
+            child: DetailedLearningProgressWidget(
+              heading: 'IT & Software',
+              subjectName: 'Interface motion',
+              lessonsDoneCount: 5,
+              totalLessonCount: 24,
+              color: EducationColors.yellowColor,
+            ),
+          ),
+          const SizedBox(height: 10),
+          SizedBox(
+            width: double.infinity,
+            child: DetailedLearningProgressWidget(
+              heading: 'DSA & Algorithms',
+              subjectName: 'Data structures',
+              lessonsDoneCount: 28,
+              totalLessonCount: 30,
+              color: EducationColors.purpleColor,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}