PSU
Purecode Step Up

Learning Dashboard - Copy this React, Tailwind Component to your project

Create a learning dashboard for an IELTS Speaking course with the following elements: Title "Phase 1: Làm quen phương pháp học" (Phase 1: Familiarizing with the learning method) at the top, followed by a description: "Familiarize learners with the IELTS Speaking format, and improve learners' language reflex and confidence through basic sentence starters and colloquial expressions." A Week 1 section titled "Introducing Personal Information," featuring a brief description and progress indicator (e.g., 40%). A list of activities under Week 1 with the title "What do you like/dislike?" Each activity displays: A 10 minute time label. An icon representing a task. One of the tasks marked as "Bắt đầu" (Start), highlighted in blue with a "play" button indicating it's ready to be initiated. The completed tasks show a green checkmark. Locked tasks are indicated with a lock icon. On the right side of the screen, include navigation cards for Phase 2: Past 1, each divided into four weekly segments: Week 1, Week 2, Week 3, and Week 4.

Prompt
Component Preview

About

LearningDashboard - Create an IELTS Speaking course with sections, progress indicators, and activities. Built with React and Tailwind. Get free template!

Share

Last updated 1 month ago