• Layout should look exactly like this

When you scroll on a page it should have a border on the top just as shown below

• Should have a sidebar (List Card Component)
• Should render mdx post here.

A card component for our list of Notes.

Normal State

After Scroll State

• List Card should support multiple cards similar to this.
• Should have filtering logic based on tags.

Definition of Done :

• Our rendered post should look exactly like ivov.dev

TODO:

• Research and implement mdx configuration similar to ivov.dev
• Integrate prisma / highlight js to your application

Mockup

• Create a config Page (JS / JSON) to store the data for showing learning material.
• Think about if we can store this as a markdown post