diff --git a/android/app/build.gradle.kts b/android/app/build.gradle.kts
index 71677bbf..e83e9064 100644
--- a/android/app/build.gradle.kts
+++ b/android/app/build.gradle.kts
@@ -80,6 +80,9 @@ android {
     kotlinOptions {
         jvmTarget = "17"
     }
+    buildFeatures {
+        viewBinding = true
+    }
 }
 
 flutter {
@@ -87,6 +90,7 @@ flutter {
 }
 
 dependencies {
+    implementation("androidx.constraintlayout:constraintlayout:2.1.4")
     testImplementation("junit:junit:4.13.2")
     androidTestImplementation("androidx.test:runner:1.6.2")
     androidTestImplementation("androidx.test.espresso:espresso-core:3.6.1")
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index df6bec9f..611de49b 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,49 +1,79 @@
+<?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <!-- io.flutter.app.FlutterApplication is an android.app.Application that
+
+    <!--
+     io.flutter.app.FlutterApplication is an android.app.Application that
          calls FlutterMain.startInitialization(this); in its onCreate method.
          In most cases you can leave this as-is, but you if you want to provide
          additional functionality it is fine to subclass or reimplement
-         FlutterApplication and put your custom class here. -->
-    <uses-permission
-        android:name="android.permission.INTERNET"/>
+         FlutterApplication and put your custom class here.
+    -->
+    <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission
         android:name="android.permission.WRITE_EXTERNAL_STORAGE"
-        android:maxSdkVersion="28"/>
-    <uses-permission
-        android:name="android.permission.READ_EXTERNAL_STORAGE"/>
-    <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
+        android:maxSdkVersion="28" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
+
     <application
         android:name="${applicationName}"
-        android:label="OTL"
-        android:icon="@mipmap/ic_launcher"
         android:allowBackup="true"
-        android:fullBackupContent="true">
+        android:fullBackupContent="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="OTL">
+        <receiver
+            android:name=".TimetableWidget"
+            android:exported="false">
+            <intent-filter>
+                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
+            </intent-filter>
+
+            <meta-data
+                android:name="android.appwidget.provider"
+                android:resource="@xml/timetable_widget_info" />
+        </receiver>
+        <receiver
+            android:name=".NextLectureWidget"
+            android:exported="false">
+            <intent-filter>
+                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
+            </intent-filter>
+
+            <meta-data
+                android:name="android.appwidget.provider"
+                android:resource="@xml/next_lecture_widget_info" />
+        </receiver>
+
         <activity
             android:name=".MainActivity"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+            android:exported="true"
+            android:hardwareAccelerated="true"
             android:launchMode="singleTop"
             android:screenOrientation="portrait"
             android:theme="@style/LaunchTheme"
-            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
-            android:hardwareAccelerated="true"
-            android:windowSoftInputMode="adjustResize"
-            android:exported="true">
+            android:windowSoftInputMode="adjustResize">
             <intent-filter>
-                <action android:name="android.intent.action.MAIN"/>
-                <category android:name="android.intent.category.LAUNCHER"/>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
-         <service
-        android:name="com.kuku.channel_talk_flutter.PushInterceptService"
-        android:exported="true"
-         >
+
+        <service
+            android:name="com.kuku.channel_talk_flutter.PushInterceptService"
+            android:exported="true">
             <intent-filter>
-                <action android:name="com.google.firebase.MESSAGING_EVENT"/>
+                <action android:name="com.google.firebase.MESSAGING_EVENT" />
             </intent-filter>
         </service>
-        <!-- Don't delete the meta-data below.
-             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
+        <!--
+ Don't delete the meta-data below.
+             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java
+        -->
         <meta-data
             android:name="flutterEmbedding"
-            android:value="2"/>
+            android:value="2" />
     </application>
+
 </manifest>
\ No newline at end of file
diff --git a/android/app/src/main/java/org/sparcs/otlplus/NextLectureWidget.kt b/android/app/src/main/java/org/sparcs/otlplus/NextLectureWidget.kt
new file mode 100644
index 00000000..04787307
--- /dev/null
+++ b/android/app/src/main/java/org/sparcs/otlplus/NextLectureWidget.kt
@@ -0,0 +1,48 @@
+package org.sparcs.otlplus
+
+import android.appwidget.AppWidgetManager
+import android.appwidget.AppWidgetProvider
+import android.content.Context
+import android.widget.RemoteViews
+import org.sparcs.otlplus.api.NextLectureData
+
+/**
+ * Implementation of App Widget functionality.
+ */
+
+class NextLectureWidget : AppWidgetProvider() {
+    override fun onUpdate(
+        context: Context,
+        appWidgetManager: AppWidgetManager,
+        appWidgetIds: IntArray
+    ) {
+        // There may be multiple widgets active, so update all of them
+        for (appWidgetId in appWidgetIds) {
+            updateNextLectureWidget(context, appWidgetManager, appWidgetId)
+        }
+    }
+
+    override fun onEnabled(context: Context) {
+        // Enter relevant functionality for when the first widget is created
+    }
+
+    override fun onDisabled(context: Context) {
+        // Enter relevant functionality for when the last widget is disabled
+    }
+}
+
+internal fun updateNextLectureWidget(
+    context: Context,
+    appWidgetManager: AppWidgetManager,
+    appWidgetId: Int
+) {
+    // Construct the RemoteViews object
+    RemoteViews(context.packageName, R.layout.next_lecture_widget).let {
+        it.setTextViewText(R.id.nextLectureDate, NextLectureData.nextLectureDate)
+        it.setTextViewText(R.id.nextLectureName, NextLectureData.nextLectureName)
+        it.setTextViewText(R.id.nextLecturePlace, NextLectureData.nextLecturePlace)
+        it.setTextViewText(R.id.nextLectureProfessor, NextLectureData.nextLectureProfessor)
+        // Instruct the widget manager to update the widget
+        appWidgetManager.updateAppWidget(appWidgetId, it)
+    }
+}
\ No newline at end of file
diff --git a/android/app/src/main/java/org/sparcs/otlplus/TimetableWidget.kt b/android/app/src/main/java/org/sparcs/otlplus/TimetableWidget.kt
new file mode 100644
index 00000000..e73c0a6f
--- /dev/null
+++ b/android/app/src/main/java/org/sparcs/otlplus/TimetableWidget.kt
@@ -0,0 +1,112 @@
+package org.sparcs.otlplus
+
+import android.annotation.SuppressLint
+import android.appwidget.AppWidgetManager
+import android.appwidget.AppWidgetProvider
+import android.content.Context
+import android.util.TypedValue
+import android.widget.RemoteViews
+import org.sparcs.otlplus.api.Lecture
+import org.sparcs.otlplus.api.LocalTime
+import org.sparcs.otlplus.api.TimetableData
+import org.sparcs.otlplus.api.WeekDays
+import org.sparcs.otlplus.constants.BlockColor
+
+val timeTableColumns = listOf(
+    R.id.time_table_column_1,
+    R.id.time_table_column_2,
+    R.id.time_table_column_3,
+    R.id.time_table_column_4,
+    R.id.time_table_column_5,
+)
+
+data class TimeTableElement(
+    val length: Float,
+    val lecture: Lecture?
+)
+
+/**
+ * Implementation of App Widget functionality.
+ */
+class TimetableWidget : AppWidgetProvider() {
+    override fun onUpdate(
+        context: Context,
+        appWidgetManager: AppWidgetManager,
+        appWidgetIds: IntArray
+    ) {
+        // There may be multiple widgets active, so update all of them
+        for (appWidgetId in appWidgetIds) {
+            updateTimetableWidget(context, appWidgetManager, appWidgetId)
+        }
+    }
+
+    override fun onEnabled(context: Context) {
+        // Enter relevant functionality for when the first widget is created
+    }
+
+    override fun onDisabled(context: Context) {
+        // Enter relevant functionality for when the last widget is disabled
+    }
+}
+
+@SuppressLint("NewApi")
+internal fun updateTimetableWidget(
+    context: Context,
+    appWidgetManager: AppWidgetManager,
+    appWidgetId: Int
+) {
+    val views = RemoteViews(context.packageName, R.layout.timetable_widget)
+
+    for (timetableColumn in timeTableColumns) {
+        views.removeAllViews(timetableColumn)
+    }
+
+    val weekTimetable = createTimeTable(TimetableData.lectures)
+
+    for ((weekday, dayTimetable) in weekTimetable.withIndex()) {
+        for (timeTableElement in dayTimetable) {
+            val blockView = when(timeTableElement.lecture) {
+                null -> RemoteViews(context.packageName, R.layout.blank_view)
+                else -> RemoteViews(context.packageName, BlockColor.getLayout(timeTableElement.lecture)).apply {
+                    setTextViewText(R.id.timetable_block_lecture_name, timeTableElement.lecture.name)
+                }
+            }
+
+            blockView.setViewLayoutHeight(
+                R.id.timetable_block_root,
+                timeTableElement.length * 36,
+                TypedValue.COMPLEX_UNIT_DIP)
+
+            views.addView(timeTableColumns[weekday], blockView)
+        }
+    }
+
+    // Instruct the widget manager to update the widget
+    appWidgetManager.updateAppWidget(appWidgetId, views)
+}
+
+fun createTimeTable(lectures: List<Lecture>): List<List<TimeTableElement>> {
+    val timetable = List(5) { mutableListOf<TimeTableElement>() }
+
+    for (dayIndex in WeekDays.entries.toTypedArray().indices) {
+        val day = WeekDays.entries[dayIndex]
+
+        val dailyLectures = lectures.flatMap { lecture ->
+            lecture.timeBlocks.filter { it.weekday == day }.map { it to lecture }
+        }.sortedBy { it.first.start.hoursFloat }
+
+        var currentTime = LocalTime(9, 0)
+
+        for ((timeBlock, lecture) in dailyLectures) {
+            if (timeBlock.start.hoursFloat > currentTime.hoursFloat) {
+                val freeTimeLength = timeBlock.start.hoursFloat - currentTime.hoursFloat
+                timetable[dayIndex].add(TimeTableElement(freeTimeLength, null))
+            }
+            val lectureLength = timeBlock.end.hoursFloat - timeBlock.start.hoursFloat
+            timetable[dayIndex].add(TimeTableElement(lectureLength, lecture))
+            currentTime = timeBlock.end
+        }
+    }
+
+    return timetable
+}
diff --git a/android/app/src/main/java/org/sparcs/otlplus/api/Lecture.kt b/android/app/src/main/java/org/sparcs/otlplus/api/Lecture.kt
new file mode 100644
index 00000000..39871f5f
--- /dev/null
+++ b/android/app/src/main/java/org/sparcs/otlplus/api/Lecture.kt
@@ -0,0 +1,31 @@
+package org.sparcs.otlplus.api
+
+enum class WeekDays {
+    Mon,
+    Tue,
+    Wed,
+    Thu,
+    Fri,
+}
+
+data class LocalTime(
+    val hours: Int,
+    val minutes: Int,
+) {
+    val hoursFloat: Float
+        get() = hours + minutes / 60f
+}
+
+data class TimeBlock(
+    val weekday: WeekDays,
+    val start: LocalTime,
+    val end: LocalTime
+)
+
+data class Lecture(
+    val name: String,
+    val timeBlocks: List<TimeBlock>,
+    val place: String,
+    val professor: String,
+    val course: Int,
+)
\ No newline at end of file
diff --git a/android/app/src/main/java/org/sparcs/otlplus/api/NextLectureData.kt b/android/app/src/main/java/org/sparcs/otlplus/api/NextLectureData.kt
new file mode 100644
index 00000000..2222f20a
--- /dev/null
+++ b/android/app/src/main/java/org/sparcs/otlplus/api/NextLectureData.kt
@@ -0,0 +1,15 @@
+package org.sparcs.otlplus.api
+
+object NextLectureData { // TODO: Get data using api
+    val nextLectureDate
+        get() = "다음주 월요일"
+
+    val nextLectureName
+        get() = "일반물리학"
+
+    val nextLecturePlace
+        get() = "(E11)창의학습관 311"
+
+    val nextLectureProfessor
+        get() = "김교수"
+}
\ No newline at end of file
diff --git a/android/app/src/main/java/org/sparcs/otlplus/api/TimetableData.kt b/android/app/src/main/java/org/sparcs/otlplus/api/TimetableData.kt
new file mode 100644
index 00000000..61e031ab
--- /dev/null
+++ b/android/app/src/main/java/org/sparcs/otlplus/api/TimetableData.kt
@@ -0,0 +1,43 @@
+package org.sparcs.otlplus.api
+
+object TimetableData {
+    val lectures: List<Lecture>
+        get() = listOf(
+            Lecture(
+                name = "프로그래밍 기초",
+                place = "(E11)창의학습관 308",
+                professor = "김교수",
+                timeBlocks = listOf(
+                    TimeBlock(
+                        weekday = WeekDays.Mon,
+                        start = LocalTime(9, 0),
+                        end = LocalTime(12, 0),
+                    ),
+                    TimeBlock(
+                        weekday = WeekDays.Wed,
+                        start = LocalTime(10, 30),
+                        end = LocalTime(12, 0),
+                    ),
+                ),
+                course = 317
+            ),
+            Lecture(
+                name = "지속가능 사회 인프라 시스템과 환경의 이해",
+                place = "(E11) 창의학습관 208",
+                professor = "김교수",
+                timeBlocks = listOf(
+                    TimeBlock(
+                        weekday = WeekDays.Mon,
+                        start = LocalTime(16, 0),
+                        end = LocalTime(17, 30),
+                    ),
+                    TimeBlock(
+                        weekday = WeekDays.Wed,
+                        start = LocalTime(16, 0),
+                        end = LocalTime(17, 30),
+                    ),
+                ),
+                course = 100
+            )
+        )
+}
\ No newline at end of file
diff --git a/android/app/src/main/java/org/sparcs/otlplus/constants/BlockColor.kt b/android/app/src/main/java/org/sparcs/otlplus/constants/BlockColor.kt
new file mode 100644
index 00000000..55d9409d
--- /dev/null
+++ b/android/app/src/main/java/org/sparcs/otlplus/constants/BlockColor.kt
@@ -0,0 +1,27 @@
+package org.sparcs.otlplus.constants
+
+import org.sparcs.otlplus.R
+import org.sparcs.otlplus.api.Lecture
+
+object BlockColor {
+    val blockColorsLayout = arrayOf(
+        R.layout.timetable_block0,
+        R.layout.timetable_block1,
+        R.layout.timetable_block2,
+        R.layout.timetable_block3,
+        R.layout.timetable_block4,
+        R.layout.timetable_block5,
+        R.layout.timetable_block6,
+        R.layout.timetable_block7,
+        R.layout.timetable_block8,
+        R.layout.timetable_block9,
+        R.layout.timetable_block10,
+        R.layout.timetable_block11,
+        R.layout.timetable_block12,
+        R.layout.timetable_block13,
+        R.layout.timetable_block14,
+        R.layout.timetable_block15,
+    )
+
+    fun getLayout(lecture: Lecture) = blockColorsLayout[lecture.course % 16]
+}
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable-nodpi/example_appwidget_preview.png b/android/app/src/main/res/drawable-nodpi/example_appwidget_preview.png
new file mode 100644
index 00000000..894b069a
Binary files /dev/null and b/android/app/src/main/res/drawable-nodpi/example_appwidget_preview.png differ
diff --git a/android/app/src/main/res/drawable-v21/app_widget_background.xml b/android/app/src/main/res/drawable-v21/app_widget_background.xml
new file mode 100644
index 00000000..785445c6
--- /dev/null
+++ b/android/app/src/main/res/drawable-v21/app_widget_background.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+Background for widgets to make the rounded corners based on the
+appWidgetRadius attribute value
+-->
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <corners android:radius="?attr/appWidgetRadius" />
+    <solid android:color="?android:attr/colorBackground" />
+</shape>
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable-v21/app_widget_inner_view_background.xml b/android/app/src/main/res/drawable-v21/app_widget_inner_view_background.xml
new file mode 100644
index 00000000..007e2872
--- /dev/null
+++ b/android/app/src/main/res/drawable-v21/app_widget_inner_view_background.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+Background for views inside widgets to make the rounded corners based on the
+appWidgetInnerRadius attribute value
+-->
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <corners android:radius="?attr/appWidgetInnerRadius" />
+    <solid android:color="?android:attr/colorAccent" />
+</shape>
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable/block_background0.xml b/android/app/src/main/res/drawable/block_background0.xml
new file mode 100644
index 00000000..3efaa66a
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background0.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFF2CECE"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background1.xml b/android/app/src/main/res/drawable/block_background1.xml
new file mode 100644
index 00000000..b680461b
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background1.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFF4B3AE"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background10.xml b/android/app/src/main/res/drawable/block_background10.xml
new file mode 100644
index 00000000..ab1fac44
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background10.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFB4D3ED"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background11.xml b/android/app/src/main/res/drawable/block_background11.xml
new file mode 100644
index 00000000..105a458e
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background11.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFB9C5ED"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background12.xml b/android/app/src/main/res/drawable/block_background12.xml
new file mode 100644
index 00000000..24022ccc
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background12.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFCCC6ED"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background13.xml b/android/app/src/main/res/drawable/block_background13.xml
new file mode 100644
index 00000000..6ad119ad
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background13.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFD8C1F0"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background14.xml b/android/app/src/main/res/drawable/block_background14.xml
new file mode 100644
index 00000000..da328021
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background14.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFEBCAEF"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background15.xml b/android/app/src/main/res/drawable/block_background15.xml
new file mode 100644
index 00000000..f3dc42e4
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background15.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFF4BADB"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background2.xml b/android/app/src/main/res/drawable/block_background2.xml
new file mode 100644
index 00000000..0417e154
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background2.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFF2BCA0"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background3.xml b/android/app/src/main/res/drawable/block_background3.xml
new file mode 100644
index 00000000..b60f8bc7
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background3.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFF0D3AB"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background4.xml b/android/app/src/main/res/drawable/block_background4.xml
new file mode 100644
index 00000000..d5c47b09
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background4.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFF1E1A9"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background5.xml b/android/app/src/main/res/drawable/block_background5.xml
new file mode 100644
index 00000000..e122882b
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background5.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFF4F2B3"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background6.xml b/android/app/src/main/res/drawable/block_background6.xml
new file mode 100644
index 00000000..2df97f56
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background6.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFDBF4BE"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background7.xml b/android/app/src/main/res/drawable/block_background7.xml
new file mode 100644
index 00000000..8f70a114
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background7.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFBEEDD7"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background8.xml b/android/app/src/main/res/drawable/block_background8.xml
new file mode 100644
index 00000000..0794434e
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background8.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFB7E2DE"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/block_background9.xml b/android/app/src/main/res/drawable/block_background9.xml
new file mode 100644
index 00000000..93446273
--- /dev/null
+++ b/android/app/src/main/res/drawable/block_background9.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFC9EAF4"/> <!-- Background color -->
+    <corners android:radius="1.66dp"/> <!-- Corner radius -->
+</shape>
diff --git a/android/app/src/main/res/drawable/circle.xml b/android/app/src/main/res/drawable/circle.xml
new file mode 100644
index 00000000..2c81e758
--- /dev/null
+++ b/android/app/src/main/res/drawable/circle.xml
@@ -0,0 +1,5 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/accent" /> <!-- Circle color -->
+    <corners android:radius="50dp" />
+    <size android:width="50dp" android:height="50dp"/>
+</shape>
diff --git a/android/app/src/main/res/drawable/dotted_guideline.xml b/android/app/src/main/res/drawable/dotted_guideline.xml
new file mode 100644
index 00000000..405288d9
--- /dev/null
+++ b/android/app/src/main/res/drawable/dotted_guideline.xml
@@ -0,0 +1,12 @@
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape
+            android:shape="line">
+            <stroke
+                android:width="1dp"
+                android:color="@color/guideline"
+                android:dashWidth="1.66dp"
+                android:dashGap="1.66dp" />
+        </shape>
+    </item>
+</layer-list>
diff --git a/android/app/src/main/res/drawable/next_lecture_appwidget_preview.png b/android/app/src/main/res/drawable/next_lecture_appwidget_preview.png
new file mode 100644
index 00000000..7d6a8a85
Binary files /dev/null and b/android/app/src/main/res/drawable/next_lecture_appwidget_preview.png differ
diff --git a/android/app/src/main/res/drawable/rounded_corner_background.xml b/android/app/src/main/res/drawable/rounded_corner_background.xml
new file mode 100644
index 00000000..0641904c
--- /dev/null
+++ b/android/app/src/main/res/drawable/rounded_corner_background.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/page_background" />
+    <corners android:radius="12dp" />
+</shape>
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable/solid_guideline.xml b/android/app/src/main/res/drawable/solid_guideline.xml
new file mode 100644
index 00000000..50bdb419
--- /dev/null
+++ b/android/app/src/main/res/drawable/solid_guideline.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <size android:height="1dp" />
+    <solid android:color="@color/guideline" />
+</shape>
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable/timeline_appwidget_preview.png b/android/app/src/main/res/drawable/timeline_appwidget_preview.png
new file mode 100644
index 00000000..9bb7faf5
Binary files /dev/null and b/android/app/src/main/res/drawable/timeline_appwidget_preview.png differ
diff --git a/android/app/src/main/res/drawable/timetable_appwidget_preview.png b/android/app/src/main/res/drawable/timetable_appwidget_preview.png
new file mode 100644
index 00000000..f3fc1406
Binary files /dev/null and b/android/app/src/main/res/drawable/timetable_appwidget_preview.png differ
diff --git a/android/app/src/main/res/layout-v28/next_lecture_widget.xml b/android/app/src/main/res/layout-v28/next_lecture_widget.xml
new file mode 100644
index 00000000..9ed658fc
--- /dev/null
+++ b/android/app/src/main/res/layout-v28/next_lecture_widget.xml
@@ -0,0 +1,78 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="12dp"
+    android:background="@drawable/rounded_corner_background">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/nextLecture"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="@color/primary"
+            android:textSize="11sp"
+            android:textFontWeight="700"
+            android:text="@string/next_lecture" />
+
+        <TextView
+            android:id="@+id/nextLectureDate"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="@color/gray0"
+            android:textSize="11sp"
+            android:textFontWeight="700"
+            android:text="@string/next_lecture_date_preview" />
+
+        <LinearLayout
+            android:layout_marginTop="6dp"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:gravity="center">
+
+            <ImageView
+                android:layout_width="10dp"
+                android:layout_height="10dp"
+                android:background="@drawable/circle"
+                android:importantForAccessibility="no" />
+
+            <TextView
+                android:layout_marginStart="4dp"
+                android:id="@+id/nextLectureName"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:textSize="11sp"
+                android:textColor="@color/gray0"
+                android:textFontWeight="700"
+                android:ellipsize="end"
+                android:maxLines="1"
+                android:text="@string/next_lecture_name_preview"/>
+        </LinearLayout>
+
+        <TextView
+            android:id="@+id/nextLecturePlace"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:textSize="11sp"
+            android:textColor="@color/gray0"
+            android:textFontWeight="400"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:text="@string/next_lecture_place_preview"/>
+
+        <TextView
+            android:id="@+id/nextLectureProfessor"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:textSize="11sp"
+            android:textColor="@color/gray75"
+            android:textFontWeight="500"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:text="@string/next_lecture_professor_preview"/>
+    </LinearLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/blank_view.xml b/android/app/src/main/res/layout/blank_view.xml
new file mode 100644
index 00000000..938be224
--- /dev/null
+++ b/android/app/src/main/res/layout/blank_view.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/next_lecture_widget.xml b/android/app/src/main/res/layout/next_lecture_widget.xml
new file mode 100644
index 00000000..934a6d02
--- /dev/null
+++ b/android/app/src/main/res/layout/next_lecture_widget.xml
@@ -0,0 +1,78 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="12dp"
+    android:background="@drawable/rounded_corner_background">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/nextLecture"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="@color/primary"
+            android:textSize="11sp"
+            android:textStyle="bold"
+            android:text="@string/next_lecture" />
+
+        <TextView
+            android:id="@+id/nextLectureDate"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="@color/gray0"
+            android:textSize="11sp"
+            android:textStyle="bold"
+            android:text="@string/next_lecture_date_preview" />
+
+        <LinearLayout
+            android:layout_marginTop="6dp"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:gravity="center">
+
+            <ImageView
+                android:layout_width="10dp"
+                android:layout_height="10dp"
+                android:background="@drawable/circle"
+                android:importantForAccessibility="no" />
+
+            <TextView
+                android:layout_marginStart="4dp"
+                android:id="@+id/nextLectureName"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:textSize="11sp"
+                android:textColor="@color/gray0"
+                android:textStyle="bold"
+                android:ellipsize="end"
+                android:maxLines="1"
+                android:text="@string/next_lecture_name_preview"/>
+        </LinearLayout>
+
+        <TextView
+            android:id="@+id/nextLecturePlace"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:textSize="11sp"
+            android:textColor="@color/gray0"
+            android:textStyle="normal"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:text="@string/next_lecture_place_preview"/>
+
+        <TextView
+            android:id="@+id/nextLectureProfessor"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:textSize="11sp"
+            android:textColor="@color/gray75"
+            android:textStyle="normal"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:text="@string/next_lecture_professor_preview"/>
+    </LinearLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block0.xml b/android/app/src/main/res/layout/timetable_block0.xml
new file mode 100644
index 00000000..a1b6e32f
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block0.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background0"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block1.xml b/android/app/src/main/res/layout/timetable_block1.xml
new file mode 100644
index 00000000..781ab10d
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block1.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background1"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block10.xml b/android/app/src/main/res/layout/timetable_block10.xml
new file mode 100644
index 00000000..713687bf
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block10.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background10"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block11.xml b/android/app/src/main/res/layout/timetable_block11.xml
new file mode 100644
index 00000000..dc0169ee
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block11.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background11"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block12.xml b/android/app/src/main/res/layout/timetable_block12.xml
new file mode 100644
index 00000000..b1efe8b1
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block12.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background12"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block13.xml b/android/app/src/main/res/layout/timetable_block13.xml
new file mode 100644
index 00000000..fdb19e5d
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block13.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background13"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block14.xml b/android/app/src/main/res/layout/timetable_block14.xml
new file mode 100644
index 00000000..a6ab67d3
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block14.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background14"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block15.xml b/android/app/src/main/res/layout/timetable_block15.xml
new file mode 100644
index 00000000..72757fe5
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block15.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background15"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block2.xml b/android/app/src/main/res/layout/timetable_block2.xml
new file mode 100644
index 00000000..6f9bc997
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block2.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background2"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block3.xml b/android/app/src/main/res/layout/timetable_block3.xml
new file mode 100644
index 00000000..3b3ab394
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block3.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background3"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block4.xml b/android/app/src/main/res/layout/timetable_block4.xml
new file mode 100644
index 00000000..f1b8f0e8
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block4.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background4"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block5.xml b/android/app/src/main/res/layout/timetable_block5.xml
new file mode 100644
index 00000000..e4b90842
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block5.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background5"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block6.xml b/android/app/src/main/res/layout/timetable_block6.xml
new file mode 100644
index 00000000..8360135b
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block6.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background6"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block7.xml b/android/app/src/main/res/layout/timetable_block7.xml
new file mode 100644
index 00000000..05df1774
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block7.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background7"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block8.xml b/android/app/src/main/res/layout/timetable_block8.xml
new file mode 100644
index 00000000..a0c2999f
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block8.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background8"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_block9.xml b/android/app/src/main/res/layout/timetable_block9.xml
new file mode 100644
index 00000000..55bd5683
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_block9.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="1dp"
+    android:id="@+id/timetable_block_root">
+
+    <TextView
+        android:id="@+id/timetable_block_lecture_name"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:textSize="11sp"
+        android:ellipsize="end"
+        android:textColor="@color/gray0"
+        android:padding="4dp"
+        android:background="@drawable/block_background9"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/timetable_widget.xml b/android/app/src/main/res/layout/timetable_widget.xml
new file mode 100644
index 00000000..7dcb2752
--- /dev/null
+++ b/android/app/src/main/res/layout/timetable_widget.xml
@@ -0,0 +1,542 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    style="@style/Widget.Android.AppWidget.Container"
+    android:id="@+id/timetable_root"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:theme="@style/Theme.Android.AppWidgetContainer"
+    android:background="@drawable/rounded_corner_background"
+    android:padding="8dp">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:id="@+id/timetable_start"
+        android:orientation="horizontal">
+
+        <TextView
+            android:layout_width="19dp"
+            android:layout_height="match_parent"
+            android:layout_weight="0"/>
+
+        <TextView
+            style="@style/DayTextStyle"
+            android:textFontWeight="400"
+            android:text="@string/mon" />
+
+        <TextView
+            style="@style/DayTextStyle"
+            android:textFontWeight="400"
+            android:text="@string/tue" />
+
+        <TextView
+            style="@style/DayTextStyle"
+            android:textFontWeight="400"
+            android:text="@string/wed" />
+
+        <TextView
+            style="@style/DayTextStyle"
+            android:textFontWeight="400"
+            android:text="@string/thu" />
+
+        <TextView
+            style="@style/DayTextStyle"
+            android:textFontWeight="400"
+            android:text="@string/fri" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_below="@id/timetable_start"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="9"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="10"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="11"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="12"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="1"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="2"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="3"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="4"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="5"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="6"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="7"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="8"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="9"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="10"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="11"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView style="@style/TimeTextStyle"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+            <ImageView style="@style/DottedGuideLine"/>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center">
+            <TextView
+                style="@style/TimeTextStyle"
+                android:text="12"/>
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+            <TextView style="@style/SolidGuideline" />
+        </LinearLayout>
+
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_below="@id/timetable_start"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingTop="9dp"
+        android:orientation="vertical">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal">
+
+            <TextView style="@style/TimeTextStyle" />
+
+            <LinearLayout
+                android:id="@+id/time_table_column_1"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:orientation="vertical" />
+
+            <LinearLayout
+                android:id="@+id/time_table_column_2"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:orientation="vertical" />
+
+            <LinearLayout
+                android:id="@+id/time_table_column_3"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:orientation="vertical" />
+
+            <LinearLayout
+                android:id="@+id/time_table_column_4"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:orientation="vertical" />
+
+            <LinearLayout
+                android:id="@+id/time_table_column_5"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:orientation="vertical" />
+        </LinearLayout>
+    </LinearLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/values-night-v31/themes.xml b/android/app/src/main/res/values-night-v31/themes.xml
new file mode 100644
index 00000000..f253c9da
--- /dev/null
+++ b/android/app/src/main/res/values-night-v31/themes.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!--
+    Having themes.xml for night-v31 because of the priority order of the resource qualifiers.
+    -->
+    <style name="Theme.Android.AppWidgetContainerParent" parent="@android:style/Theme.DeviceDefault.DayNight">
+        <item name="appWidgetRadius">@android:dimen/system_app_widget_background_radius</item>
+        <item name="appWidgetInnerRadius">@android:dimen/system_app_widget_inner_radius</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values-v21/styles.xml b/android/app/src/main/res/values-v21/styles.xml
new file mode 100644
index 00000000..0b35f7d8
--- /dev/null
+++ b/android/app/src/main/res/values-v21/styles.xml
@@ -0,0 +1,14 @@
+<resources>
+
+    <style name="Widget.Android.AppWidget.Container" parent="android:Widget">
+        <item name="android:id">@android:id/background</item>
+        <item name="android:padding">?attr/appWidgetPadding</item>
+        <item name="android:background">@drawable/app_widget_background</item>
+    </style>
+
+    <style name="Widget.Android.AppWidget.InnerView" parent="android:Widget">
+        <item name="android:padding">?attr/appWidgetPadding</item>
+        <item name="android:background">@drawable/app_widget_inner_view_background</item>
+        <item name="android:textColor">?android:attr/textColorPrimary</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values-v31/styles.xml b/android/app/src/main/res/values-v31/styles.xml
index ea2ecb03..9150fd3a 100644
--- a/android/app/src/main/res/values-v31/styles.xml
+++ b/android/app/src/main/res/values-v31/styles.xml
@@ -18,4 +18,18 @@
     <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>
     </style>
+
+    <style name="Widget.Android.AppWidget.Container" parent="android:Widget">
+        <item name="android:id">@android:id/background</item>
+        <item name="android:padding">?attr/appWidgetPadding</item>
+        <item name="android:background">@drawable/app_widget_background</item>
+        <item name="android:clipToOutline">true</item>
+    </style>
+
+    <style name="Widget.Android.AppWidget.InnerView" parent="android:Widget">
+        <item name="android:padding">?attr/appWidgetPadding</item>
+        <item name="android:background">@drawable/app_widget_inner_view_background</item>
+        <item name="android:textColor">?android:attr/textColorPrimary</item>
+        <item name="android:clipToOutline">true</item>
+    </style>
 </resources>
diff --git a/android/app/src/main/res/values-v31/themes.xml b/android/app/src/main/res/values-v31/themes.xml
new file mode 100644
index 00000000..badd306a
--- /dev/null
+++ b/android/app/src/main/res/values-v31/themes.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!--
+    Having themes.xml for v31 variant because @android:dimen/system_app_widget_background_radius
+     and @android:dimen/system_app_widget_internal_padding requires API level 31
+    -->
+    <style name="Theme.Android.AppWidgetContainerParent" parent="@android:style/Theme.DeviceDefault.DayNight">
+        <item name="appWidgetRadius">@android:dimen/system_app_widget_background_radius</item>
+        <item name="appWidgetInnerRadius">@android:dimen/system_app_widget_inner_radius</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/attrs.xml b/android/app/src/main/res/values/attrs.xml
new file mode 100644
index 00000000..7781ac86
--- /dev/null
+++ b/android/app/src/main/res/values/attrs.xml
@@ -0,0 +1,7 @@
+<resources>
+    <declare-styleable name="AppWidgetAttrs">
+        <attr name="appWidgetPadding" format="dimension" />
+        <attr name="appWidgetInnerRadius" format="dimension" />
+        <attr name="appWidgetRadius" format="dimension" />
+    </declare-styleable>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/colors.xml b/android/app/src/main/res/values/colors.xml
index 44f705b6..f196f0bd 100644
--- a/android/app/src/main/res/values/colors.xml
+++ b/android/app/src/main/res/values/colors.xml
@@ -1,4 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
+    <!--Start Widget-->
+    <color name="page_background">#F9F0F0</color>
+    <color name="primary">#E54C65</color>
+    <color name="gray0">#000000</color>
+    <color name="gray75">#757575</color>
+    <color name="accent">#B54896</color>
+    <color name="guideline">#40000000</color>
+
+    <!--End Widget-->
+
     <color name="ic_launcher_background">#F9F0F0</color>
+    <color name="light_blue_50">#FFE1F5FE</color>
+    <color name="light_blue_200">#FF81D4FA</color>
+    <color name="light_blue_600">#FF039BE5</color>
+    <color name="light_blue_900">#FF01579B</color>
 </resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/dimens.xml b/android/app/src/main/res/values/dimens.xml
new file mode 100644
index 00000000..4db8c590
--- /dev/null
+++ b/android/app/src/main/res/values/dimens.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!--
+Refer to App Widget Documentation for margin information
+http://developer.android.com/guide/topics/appwidgets/index.html#CreatingLayout
+    -->
+    <dimen name="widget_margin">0dp</dimen>
+
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml
new file mode 100644
index 00000000..815510b0
--- /dev/null
+++ b/android/app/src/main/res/values/strings.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="appwidget_text">EXAMPLE</string>
+    <string name="add_widget">Add widget</string>
+    <string name="app_widget_description">This is an app widget description</string>
+    <string name="mon">월</string>
+    <string name="tue">화</string>
+    <string name="wed">수</string>
+    <string name="thu">목</string>
+    <string name="fri">금</string>
+    <string name="sat">토</string>
+    <string name="sun">일</string>
+    <string name="next_lecture_widget_description">다음 강의의 세부 정보를 확인하세요.</string>
+    <string name="next_lecture">다음 강의</string>
+    <string name="next_lecture_date_preview">6시간 뒤</string>
+    <string name="next_lecture_place_preview">교양분관</string>
+    <string name="next_lecture_name_preview">OTL 개론</string>
+    <string name="next_lecture_professor_preview">○○○ 교수님</string>
+    <string name="placeholder">{placeholder}</string>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index 4c573225..d2bc3314 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -1,8 +1,54 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
-        <!-- Show a splash screen on the activity. Automatically removed when
-             Flutter draws its first frame -->
-        <item name="android:windowBackground">@drawable/launch_background</item>
-    </style>
-</resources>
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <!-- Show a splash screen on the activity. Automatically removed when
+             Flutter draws its first frame -->
+        <item name="android:windowBackground">@drawable/launch_background</item>
+    </style>
+
+    <style name="Widget.Android.AppWidget.Container" parent="android:Widget">
+        <item name="android:id">@android:id/background</item>
+        <item name="android:background">?android:attr/colorBackground</item>
+    </style>
+
+    <style name="Widget.Android.AppWidget.InnerView" parent="android:Widget">
+        <item name="android:background">?android:attr/colorBackground</item>
+        <item name="android:textColor">?android:attr/textColorPrimary</item>
+    </style>
+    
+    <style name="DayTextStyle">
+        <item name="android:layout_width">0dp</item>
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:layout_weight">1</item>
+        <item name="android:gravity">center</item>
+        <item name="android:textColor">@color/gray0</item>
+        <item name="android:textSize">11sp</item>
+    </style>
+
+    <style name="TimeTextStyle">
+        <item name="android:layout_width">13dp</item>
+        <item name="android:layout_height">18dp</item>
+        <item name="android:layout_weight">0</item>
+        <item name="android:layout_marginEnd">6dp</item>
+        <item name="android:gravity">end</item>
+        <item name="android:textColor">@color/gray0</item>
+        <item name="android:textSize">11sp</item>
+    </style>
+
+    <style name="SolidGuideline">
+        <item name="android:layout_width">0dp</item>
+        <item name="android:layout_height">1dp</item>
+        <item name="android:layout_weight">1</item>
+        <item name="android:background">@drawable/solid_guideline</item>
+        <item name="android:layout_margin">1dp</item>
+    </style>
+
+    <style name="DottedGuideLine">
+        <item name="android:layout_width">0dp</item>
+        <item name="android:layout_height">match_parent</item>
+        <item name="android:layout_weight">1</item>
+        <item name="android:background">@drawable/dotted_guideline</item>
+        <item name="android:layout_margin">1dp</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values/themes.xml b/android/app/src/main/res/values/themes.xml
new file mode 100644
index 00000000..dcd8899e
--- /dev/null
+++ b/android/app/src/main/res/values/themes.xml
@@ -0,0 +1,17 @@
+<resources>
+
+    <style name="Theme.Android.AppWidgetContainerParent" parent="@android:style/Theme.DeviceDefault">
+        <!-- Radius of the outer bound of widgets to make the rounded corners -->
+        <item name="appWidgetRadius">16dp</item>
+        <!--
+        Radius of the inner view's bound of widgets to make the rounded corners.
+        It needs to be 8dp or less than the value of appWidgetRadius
+        -->
+        <item name="appWidgetInnerRadius">8dp</item>
+    </style>
+
+    <style name="Theme.Android.AppWidgetContainer" parent="Theme.Android.AppWidgetContainerParent">
+        <!-- Apply padding to avoid the content of the widget colliding with the rounded corners -->
+        <item name="appWidgetPadding">16dp</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/xml/next_lecture_widget_info.xml b/android/app/src/main/res/xml/next_lecture_widget_info.xml
new file mode 100644
index 00000000..f9b82c9d
--- /dev/null
+++ b/android/app/src/main/res/xml/next_lecture_widget_info.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
+    android:description="@string/next_lecture_widget_description"
+    android:initialKeyguardLayout="@layout/next_lecture_widget"
+    android:initialLayout="@layout/next_lecture_widget"
+    android:minWidth="40dp"
+    android:minHeight="40dp"
+    android:previewImage="@drawable/next_lecture_appwidget_preview"
+    android:previewLayout="@layout/next_lecture_widget"
+    android:resizeMode="horizontal|vertical"
+    android:targetCellWidth="1"
+    android:targetCellHeight="1"
+    android:updatePeriodMillis="86400000"
+    android:widgetCategory="home_screen" />
\ No newline at end of file
diff --git a/android/app/src/main/res/xml/timetable_widget_info.xml b/android/app/src/main/res/xml/timetable_widget_info.xml
new file mode 100644
index 00000000..4e610e39
--- /dev/null
+++ b/android/app/src/main/res/xml/timetable_widget_info.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
+    android:description="@string/app_widget_description"
+    android:initialKeyguardLayout="@layout/timetable_widget"
+    android:initialLayout="@layout/timetable_widget"
+    android:minWidth="40dp"
+    android:minHeight="40dp"
+    android:previewImage="@drawable/timetable_appwidget_preview"
+    android:previewLayout="@layout/timetable_widget"
+    android:resizeMode="horizontal|vertical"
+    android:targetCellWidth="4"
+    android:targetCellHeight="3"
+    android:updatePeriodMillis="86400000"
+    android:widgetCategory="home_screen" />
\ No newline at end of file
diff --git a/lib/pages/main_page.dart b/lib/pages/main_page.dart
index 665f87c5..3de0f7ac 100644
--- a/lib/pages/main_page.dart
+++ b/lib/pages/main_page.dart
@@ -1,3 +1,5 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:otlplus/constants/text_styles.dart';
@@ -49,28 +51,37 @@ class _MainPageState extends State<MainPage> {
       final cookies = await cookieManager.getCookies('https://otl.sparcs.org');
       for (var cookie in cookies) {
         if (cookie.name == 'refreshToken') {
-          WidgetKit.setItem(
-              'refreshToken', cookie.value, 'group.org.sparcs.otl');
-          WidgetKit.reloadAllTimelines();
+          if (Platform.isIOS) {
+            WidgetKit.setItem(
+                'refreshToken', cookie.value, 'group.org.sparcs.otl');
+            WidgetKit.reloadAllTimelines();
+          }
         }
 
         if (cookie.name == 'csrftoken') {
-          WidgetKit.setItem('csrftoken', cookie.value, 'group.org.sparcs.otl');
-          WidgetKit.reloadAllTimelines();
+          if (Platform.isIOS) {
+            WidgetKit.setItem(
+                'csrftoken', cookie.value, 'group.org.sparcs.otl');
+            WidgetKit.reloadAllTimelines();
+          }
         }
 
         if (cookie.name == 'accessToken') {
-          WidgetKit.setItem(
-              'accessToken', cookie.value, 'group.org.sparcs.otl');
-          WidgetKit.reloadAllTimelines();
+          if (Platform.isIOS) {
+            WidgetKit.setItem(
+                'accessToken', cookie.value, 'group.org.sparcs.otl');
+            WidgetKit.reloadAllTimelines();
+          }
         }
       }
       final infoModel = InfoModel();
       await infoModel.getInfo();
       if (infoModel.hasData) {
-        WidgetKit.setItem(
-            'uid', infoModel.user.id.toString(), 'group.org.sparcs.otl');
-        WidgetKit.reloadAllTimelines();
+        if (Platform.isIOS) {
+          WidgetKit.setItem(
+              'uid', infoModel.user.id.toString(), 'group.org.sparcs.otl');
+          WidgetKit.reloadAllTimelines();
+        }
       }
     } catch (exception) {
       print(exception);