feature: quizzes

[0xChin]

WIP - To-Do

• Add all questions to lesson 1 quiz
• [UI] Improve alerts UI (maybe use Chakra UI alerts?) Edit: Ended up using Chakra UI toast alerts

This pull request adds a quiz at the end of the lesson 1. To do it I've created a component that can be used in any .mdx file. This feature doesn't make any interaction with a backend, it is just interactive and doesn't saves any data.

Preview

Demo here

Changes

• add quiz at the end of lesson 1

API Updates

New Features (required)

Introducing the <Quiz> component: It was created to be used easily asf. Adding it to your page takes 2 steps:

Step 1

Create a .json file in the utils/quizzes folder and write the questions following the interface:

interface Quiz {
  title: string
  questions: [
    {
      question: string
      options: [
        {
          answer: string
          correct?: boolean
        },
      ]
    },
  ]
}

Step 2

Add the quiz in your .mdx file:

<Quiz quiz="lesson-1" />

Closes #117 on merge

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
school-of-code	✅ Ready (Inspect)	Visit Preview	Jan 14, 2023 at 4:22PM (UTC)

[7i7o]

Hey @alanracciatti ! You are a rock star! We only need to remove these 2 changes and we are good to merge 😊

Hope you have a great weekend!

[7i7o]

It would be awesome if we could remove this change so we don't have to "change" the Lesson in this PR 😊

[7i7o]

Same here 😊
This one adds a \ that we wouldn't want to see in production 😉

[0xChin]

Hey @7i7o! Ty for your feedback. Lol it seems
that my formatter did some weird stuff. I have pushed the fixes and now the 1.mdx file has no changes :)

Have a good weekend!

[7i7o]

@alanracciatti LGTM! 🚀

[elPiablo]

You are a superstar @alanracciatti !!!!

[georgemac510]

Amazing work @alanracciatti !!