diff --git a/apps/api/package.json b/apps/api/package.json
index da3a788d7..190aff24d 100644
--- a/apps/api/package.json
+++ b/apps/api/package.json
@@ -32,7 +32,8 @@
     "class-validator": "^0.14.1",
     "reflect-metadata": "^0.1.13",
     "rxjs": "^7.8.1",
-    "start": "^5.1.0"
+    "start": "^5.1.0",
+    "superagent": "^8.1.2"
   },
   "devDependencies": {
     "@nestjs/cli": "^10.0.0",
diff --git a/apps/api/src/app/app.module.ts b/apps/api/src/app/app.module.ts
index 20a209275..9a82c325f 100644
--- a/apps/api/src/app/app.module.ts
+++ b/apps/api/src/app/app.module.ts
@@ -4,6 +4,7 @@ import { UserModule } from '../user/user.module';
 import { AuthModule } from '../auth/auth.module';
 import { CourseModule } from '../course/course.module';
 import { UserProgressModule } from '../user-progress/user-progress.module';
+import { ToolModule } from 'src/tool/tool.module';
 
 @Module({
   imports: [
@@ -12,6 +13,7 @@ import { UserProgressModule } from '../user-progress/user-progress.module';
     AuthModule,
     CourseModule,
     UserProgressModule,
+    ToolModule,
   ],
 })
 export class AppModule {}
diff --git a/apps/api/src/tool/tool.controller.ts b/apps/api/src/tool/tool.controller.ts
new file mode 100644
index 000000000..82a5bec77
--- /dev/null
+++ b/apps/api/src/tool/tool.controller.ts
@@ -0,0 +1,12 @@
+import { Controller, Get } from '@nestjs/common';
+import { ToolService } from './tool.service';
+
+@Controller('tool')
+export class ToolController {
+  constructor(private readonly toolService: ToolService) {}
+
+  @Get('dailySentence')
+  dailySentence() {
+    return this.toolService.dailySentence();
+  }
+}
diff --git a/apps/api/src/tool/tool.module.ts b/apps/api/src/tool/tool.module.ts
new file mode 100644
index 000000000..ffcc93e48
--- /dev/null
+++ b/apps/api/src/tool/tool.module.ts
@@ -0,0 +1,9 @@
+import { Module } from '@nestjs/common';
+import { ToolService } from './tool.service';
+import { ToolController } from './tool.controller';
+
+@Module({
+  controllers: [ToolController],
+  providers: [ToolService],
+})
+export class ToolModule {}
diff --git a/apps/api/src/tool/tool.service.ts b/apps/api/src/tool/tool.service.ts
new file mode 100644
index 000000000..40db804f3
--- /dev/null
+++ b/apps/api/src/tool/tool.service.ts
@@ -0,0 +1,17 @@
+import { Injectable } from '@nestjs/common';
+import * as superagent from 'superagent';
+
+@Injectable()
+export class ToolService {
+  async dailySentence() {
+    const { text } = await superagent.get(
+      'https://open.iciba.com/dsapi/?date=2023-05-03',
+    );
+    const data = JSON.parse(text);
+    const res = {
+      zh: data.note,
+      en: data.content,
+    };
+    return res;
+  }
+}
diff --git a/apps/api/src/user-progress/model/update-user-progress.dto.ts b/apps/api/src/user-progress/model/user-progress.dto.ts
similarity index 63%
rename from apps/api/src/user-progress/model/update-user-progress.dto.ts
rename to apps/api/src/user-progress/model/user-progress.dto.ts
index a37b3a2cb..a4b64571a 100644
--- a/apps/api/src/user-progress/model/update-user-progress.dto.ts
+++ b/apps/api/src/user-progress/model/user-progress.dto.ts
@@ -6,3 +6,9 @@ export class CreateUserProgressDto {
   @IsNotEmpty({ message: '课程不能为空' })
   courseId: number;
 }
+
+export class UpdateUserProgressDto {
+  @ApiProperty()
+  @IsNotEmpty({ message: '课程不能为空' })
+  courseId: number;
+}
diff --git a/apps/api/src/user-progress/user-progress.controller.ts b/apps/api/src/user-progress/user-progress.controller.ts
index 87443984b..ae4c179ec 100644
--- a/apps/api/src/user-progress/user-progress.controller.ts
+++ b/apps/api/src/user-progress/user-progress.controller.ts
@@ -6,11 +6,13 @@ import {
   Request,
   Get,
   Put,
-  Param,
 } from '@nestjs/common';
 import { UserProgressService } from './user-progress.service';
 import { AuthGuard } from '../auth/auth.guard';
-import { CreateUserProgressDto } from './model/update-user-progress.dto';
+import {
+  CreateUserProgressDto,
+  UpdateUserProgressDto,
+} from './model/user-progress.dto';
 
 @Controller('user-progress')
 export class UserProgressController {
@@ -29,8 +31,8 @@ export class UserProgressController {
   }
 
   @UseGuards(AuthGuard)
-  @Put(':courseId')
-  updateOne(@Request() req, @Param('courseId') courseId: number) {
-    return this.userProgressService.update(+req.user.userId, +courseId);
+  @Put()
+  updateOne(@Request() req, @Body() dto: UpdateUserProgressDto) {
+    return this.userProgressService.update(+req.user.userId, +dto.courseId);
   }
 }
diff --git a/apps/client/api/tool.ts b/apps/client/api/tool.ts
new file mode 100644
index 000000000..2f57de24b
--- /dev/null
+++ b/apps/client/api/tool.ts
@@ -0,0 +1,10 @@
+import { http } from "./http";
+
+interface DailySentenceVo {
+  zh: string
+  en: string
+}
+
+export async function fetchDailySentence() {
+  return await http.get<DailySentenceVo, DailySentenceVo>("/tool/dailySentence");  
+}
diff --git a/apps/client/api/userProgress.ts b/apps/client/api/userProgress.ts
new file mode 100644
index 000000000..fbfd3652a
--- /dev/null
+++ b/apps/client/api/userProgress.ts
@@ -0,0 +1,17 @@
+import { http } from "./http";
+
+interface UserProgressVo {
+  courseId: number
+}
+
+interface UserProgressDto {
+  courseId: number
+}
+
+export async function fetchUserProgress() {
+  return await http.get<UserProgressVo, UserProgressVo>("/user-progress");  
+}
+
+export async function fetchUpdateProgress(dto: UserProgressDto) {
+  return await http.put<UserProgressVo, UserProgressVo>("/user-progress", dto);  
+}
diff --git a/apps/client/components/main/Summary.vue b/apps/client/components/main/Summary.vue
index 605c3f8d0..5c976eb1f 100644
--- a/apps/client/components/main/Summary.vue
+++ b/apps/client/components/main/Summary.vue
@@ -1,31 +1,76 @@
 <template>
   <div>
-    <n-modal v-model:show="showModal" transform-origin="center">
-      <n-card style="width: 800px; height: 400px" title="结算面板" :bordered="false" size="huge" role="dialog"
-        aria-modal="true">
-        不错不错 又学到了那么多句子和单词 加油 坚持就是胜利:)
-        <template #footer>
+    <dialog className="modal" :open="showModal">
+      <div className="modal-box max-w-[48rem]">
+        <h3 className="font-bold text-lg mb-4">🎉 Congratulations!</h3>
+        <div class="flex flex-col">
           <div class="flex">
-            <n-button @click="handleDoAgain">再来一次</n-button>
-            <n-button @click="handleGoToNextCourse">开始下一课</n-button>
+            <span class="text-6xl font-bold">"</span>
+            <div class="flex-1 text-xl text-center leading-loose">{{ enSentence }}</div>
+            <span class="text-6xl font-bold invisible">"</span>
           </div>
-        </template>
-      </n-card>
-    </n-modal>
+          
+          <div class="flex">
+            <span class="text-6xl font-bold invisible">"</span>
+            <div class="flex-1 text-center text-xl leading-loose">{{ zhSentence }}</div>
+            <span class="text-6xl font-bold">"</span>
+          </div>
+        </div>
+        <div className="modal-action">
+          <button class="btn" @click="handleDoAgain">再来一次</button>
+          <button class="btn" @click="handleGoToNextCourse">开始下一课</button>
+        </div>
+      </div>
+      <canvas ref="confettiCanvasRef" class="absolute top-0 left-0 h-full w-full pointer-events-none"></canvas>
+    </dialog>
   </div>
 </template>
 
 <script setup lang="ts">
 import { useCourseStore } from "~/store/course";
-import { useSummary } from "~/composables/main/summary";
+import { useDailySentence, useSummary } from "~/composables/main/summary";
 import { useGameMode } from "~/composables/main/game";
+import { fetchUpdateProgress } from "~/api/userProgress";
+import confetti from 'canvas-confetti';
+
+const useConfetti = () => {
+  const confettiCanvasRef = ref<HTMLCanvasElement>()
+
+  const playConfetti = () => {
+    console.log('----- 1');
+    const myConfetti = confetti.create(confettiCanvasRef.value, {
+      resize: true,
+      useWorker: true
+    })
+
+    myConfetti({
+      particleCount: 300,
+      spread: 180,
+      origin: { y: -0.1 },
+      startVelocity: -35
+    })
+  }
+
+  return {
+    confettiCanvasRef,
+    playConfetti,
+  }
+}
 
+const { confettiCanvasRef, playConfetti } = useConfetti()
 const courseStore = useCourseStore();
 const { showModal, hideSummary } = useSummary();
 
+watch(showModal, (val) => {
+  val && setTimeout(() => {
+    playConfetti() 
+  }, 300);
+})
+
 const { handleDoAgain } = useDoAgain()
 const { handleGoToNextCourse } = useGoToNextCourse()
 
+const { zhSentence, enSentence } = useDailySentence()
 
 function useDoAgain() {
   const { showQuestion } = useGameMode();
@@ -51,7 +96,16 @@ function useGoToNextCourse() {
       +router.currentRoute.value.params.id
     );
 
-    router.push(`/main/${courseStore.currentCourse?.id}`);
+    console.log(courseStore.currentCourse.id)
+
+    if (!courseStore.currentCourse.id) {
+      return
+    }
+    await fetchUpdateProgress({
+      courseId: courseStore.currentCourse.id 
+    }) 
+    router.push(`/main/${courseStore.currentCourse.id}`);
+
     hideSummary();
     showQuestion();
   }
diff --git a/apps/client/composables/main/summary.ts b/apps/client/composables/main/summary.ts
index 727b6248c..788674fe9 100644
--- a/apps/client/composables/main/summary.ts
+++ b/apps/client/composables/main/summary.ts
@@ -1,3 +1,5 @@
+import { fetchDailySentence } from "~/api/tool";
+
 const showModal = ref(false);
 export function useSummary() {
   function showSummary() {
@@ -14,3 +16,29 @@ export function useSummary() {
     hideSummary,
   };
 }
+
+const enSentence = ref('To be, or not to be, that is the question.')
+const zhSentence = ref('生存还是毁灭，这是一个问题。')
+const setenceLoading = ref(false)
+export function useDailySentence() {
+  const getDailySentence = async () => {
+    if (!setenceLoading.value) {
+      const {
+        en,
+        zh
+      } = await fetchDailySentence()
+      enSentence.value = en
+      zhSentence.value = zh
+      setenceLoading.value = true
+    }
+  }
+
+  onMounted(() => {
+    getDailySentence()
+  })
+
+  return {
+    enSentence,
+    zhSentence
+  }
+}
\ No newline at end of file
diff --git a/apps/client/composables/userProgress.ts b/apps/client/composables/userProgress.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/apps/client/package.json b/apps/client/package.json
index baa346649..dbe0e3e6c 100644
--- a/apps/client/package.json
+++ b/apps/client/package.json
@@ -30,7 +30,9 @@
   "dependencies": {
     "@nuxt/image": "^1.3.0",
     "@pinia/nuxt": "^0.5.1",
+    "@types/canvas-confetti": "^1.6.4",
     "axios": "^1.6.6",
+    "canvas-confetti": "^1.9.2",
     "pinia": "^2.1.7"
   }
 }
diff --git a/apps/client/pages/index.vue b/apps/client/pages/index.vue
index 0e18733a1..c7dc4d05e 100644
--- a/apps/client/pages/index.vue
+++ b/apps/client/pages/index.vue
@@ -24,13 +24,13 @@
             Star us on GitHub
           </button>
         </a>
-        <NuxtLink href="/main/1">
-          <button
-            class="btn btn-outline w-48 hover:text-fuchsia-400 hover:border-fuchsia-400 hover:bg-fuchsia-100 text-fuchsia-300 border-fuchsia-300"
-          >
-            Go and get it <kbd class="kbd"> ↵ </kbd>
-          </button>
-        </NuxtLink>
+        <button
+          :disabled="initing"
+          @click="handleKeydown"
+          class="btn btn-outline w-48 hover:text-fuchsia-400 hover:border-fuchsia-400 hover:bg-fuchsia-100 text-fuchsia-300 border-fuchsia-300">
+          <span v-show="initing" class="loading loading-spinner"></span>
+          Go and get it <kbd class="kbd"> ↵ </kbd>
+        </button>
       </div>
       <div
         class="w-1/2 flex items-center justify-center group select-none cursor-pointer rounded-xl relative m-4"
@@ -77,27 +77,76 @@
 </template>
 
 <script setup lang="ts">
+import { fetchUpdateProgress, fetchUserProgress } from "~/api/userProgress";
+import { useUserStore } from "~/store/user";
 import { registerShortcut, cancelShortcut } from "~/utils/keyboardShortcuts";
 
-registerShortcutToStart();
 
+const useProgress = () => {
+
+  const activeCourseId = ref(1)
+  const ACTIVE_COURSE_ID = 'activeCourseId'
+
+  const initing = ref(false)
+  const initProgress = async () => {
+    initing.value = true
+    const { courseId } = await fetchUserProgress()
+    activeCourseId.value = +courseId
+    updateProgressLocal(+courseId)
+    initing.value = false
+  }
+
+  const updateProgress = async (courseId: number) => {
+    const { courseId: updatedCourseId } = await fetchUpdateProgress({courseId}) 
+    updateProgressLocal(updatedCourseId)
+  }
+
+  const updateProgressLocal = async (courseId: number) => {
+    localStorage.setItem(ACTIVE_COURSE_ID, `${courseId}`)
+  }
+  
+  return {
+    activeCourseId,
+    initing,
+    updateProgressLocal,
+    updateProgress,
+    initProgress
+  }
+}
+
+const { handleKeydown, initing } = useShortcutToGame();
 
-function registerShortcutToStart() {
+function useShortcutToGame() {
   const router = useRouter();
+  const userStore = useUserStore();
+  const { activeCourseId, initing, initProgress } = useProgress()
+
   function handleKeydown() {
-    router.push("/main/1");
+    if (userStore.user) {
+      if (initing.value)
+        return
+      router.push(`/main/${activeCourseId.value}`);
+    } else {
+      router.push("/main/1");
+    }
   }
   onMounted(() => {
     registerShortcut("enter", handleKeydown);
+    console.log(userStore.user);
+    if (userStore.user) {
+      initProgress()
+    }
   });
 
   onUnmounted(() => {
     cancelShortcut("enter", handleKeydown);
   });
-}
-
-
 
+  return {
+    initing,
+    handleKeydown
+  }
+}
 </script>
 
 <style>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7b4f3c181..d7f63a3cc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -81,6 +81,9 @@ importers:
       start:
         specifier: ^5.1.0
         version: 5.1.0
+      superagent:
+        specifier: ^8.1.2
+        version: 8.1.2
     devDependencies:
       '@nestjs/cli':
         specifier: ^10.0.0
@@ -154,9 +157,15 @@ importers:
       '@pinia/nuxt':
         specifier: ^0.5.1
         version: 0.5.1(typescript@5.3.3)(vue@3.4.10)
+      '@types/canvas-confetti':
+        specifier: ^1.6.4
+        version: 1.6.4
       axios:
         specifier: ^1.6.6
         version: 1.6.6
+      canvas-confetti:
+        specifier: ^1.9.2
+        version: 1.9.2
       pinia:
         specifier: ^2.1.7
         version: 2.1.7(typescript@5.3.3)(vue@3.4.10)
@@ -3147,6 +3156,10 @@ packages:
       '@types/node': 20.11.0
     dev: true
 
+  /@types/canvas-confetti@1.6.4:
+    resolution: {integrity: sha512-fNyZ/Fdw/Y92X0vv7B+BD6ysHL4xVU5dJcgzgxLdGbn8O3PezZNIJpml44lKM0nsGur+o/6+NZbZeNTt00U1uA==}
+    dev: false
+
   /@types/connect@3.4.38:
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
     dependencies:
@@ -4216,7 +4229,6 @@ packages:
 
   /asap@2.0.6:
     resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
-    dev: true
 
   /assertion-error@1.1.0:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
@@ -4652,6 +4664,10 @@ packages:
   /caniuse-lite@1.0.30001576:
     resolution: {integrity: sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==}
 
+  /canvas-confetti@1.9.2:
+    resolution: {integrity: sha512-6Xi7aHHzKwxZsem4mCKoqP6YwUG3HamaHHAlz1hTNQPCqXhARFpSXnkC9TWlahHY5CG6hSL5XexNjxK8irVErg==}
+    dev: false
+
   /chai@4.4.1:
     resolution: {integrity: sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==}
     engines: {node: '>=4'}
@@ -4952,7 +4968,6 @@ packages:
 
   /component-emitter@1.3.1:
     resolution: {integrity: sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==}
-    dev: true
 
   /compress-commons@5.0.1:
     resolution: {integrity: sha512-MPh//1cERdLtqwO3pOFLeXtpuai0Y2WCd5AhtKxznqM7WtaMYaOEMSgn45d9D10sIHSfIKE603HlOp8OPGrvag==}
@@ -5018,7 +5033,6 @@ packages:
 
   /cookiejar@2.1.4:
     resolution: {integrity: sha512-LDx6oHrK+PhzLKJU9j5S7/Y3jM/mUHvD/DeI1WQmJn652iPC5Y4TBzC9l+5OMOXlyTTA+SmVUPm0HQUwpD5Jqw==}
-    dev: true
 
   /cookies@0.9.1:
     resolution: {integrity: sha512-TG2hpqe4ELx54QER/S3HQ9SRVnQnGBtKUz5bLQWtYAQ+o6GpgMs6sYUvaiJjVxb+UXwhRhAEP3m7LbsIZ77Hmw==}
@@ -5439,7 +5453,6 @@ packages:
     dependencies:
       asap: 2.0.6
       wrappy: 1.0.2
-    dev: true
 
   /didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
@@ -6341,7 +6354,6 @@ packages:
       hexoid: 1.0.0
       once: 1.4.0
       qs: 6.11.2
-    dev: true
 
   /forwarded@0.2.0:
     resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
@@ -6710,7 +6722,6 @@ packages:
   /hexoid@1.0.0:
     resolution: {integrity: sha512-QFLV0taWQOZtvIRIAdBChesmogZrtuXvVWsFHZTk2SU+anspqZ2vMnoLg7IE1+Uk16N19APic1BuF8bC8c2m5g==}
     engines: {node: '>=8'}
-    dev: true
 
   /highlight.js@11.9.0:
     resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
@@ -8300,7 +8311,6 @@ packages:
     resolution: {integrity: sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==}
     engines: {node: '>=4.0.0'}
     hasBin: true
-    dev: true
 
   /mime@3.0.0:
     resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
@@ -9843,7 +9853,6 @@ packages:
     engines: {node: '>=0.6'}
     dependencies:
       side-channel: 1.0.4
-    dev: true
 
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
@@ -10644,7 +10653,6 @@ packages:
       semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /superjson@2.2.1:
     resolution: {integrity: sha512-8iGv75BYOa0xRJHK5vRLEjE2H/i4lulTjzpUXic3Eg8akftYjkmQDa8JARQ42rlczXyFR3IeRoeFCc7RxHsYZA==}