Watch & Learn

This is a e-learning platforms that tailors to visual learners

Features

Unique Question Types

• Label to hotspot matching
• Slideshow Multiple Choice Questions
• Video Multiple Choice Questions
• Multiple Choice Questions with Images as options
• Picture to picture matching

System Features

• XP System to earn badges
• Leaderboard
• Daily streaks system
• Mobile Friendly user interface

Technologies Used

• Next.js: For server-side rendering and static site generation
• Tailwind CSS: For styling
• Framer Motion: For animations
• TypeScript: For type safety
• Supabase: For authentication and database
• Vercel: For deployment

Lessons learned

• Learned how to coordinate a team to work with a codebase together and improve github skills
• Understand concepts like server side rendering and its benefits