Sidebar

[miguel-merlin]

Description

Create a Sidebar that includes the following:

• Home icon
• Dashboard icon
• Blog icon
• Collapse button
• User information

As a user, I want to be able to see which page (Home, Dashboard, Blog) is being displayed. When I click on the collapse button, the Sidebar should have an animated exit. The top of the sidebar should have the Blueprint logo. On the bottom of the sidebar, I should see information on my profile.

Notes on implementation

ChakraUI provides built-in icons, which you can use. For now, the sidebar should have no functionality besides the collapse button. Make your own sidebar component and include it in App.tsx.

Example

https://dribbble.com/shots/19408052-Data-Table-Dashboard-Design/attachments/14546111?mode=media

[miguel-merlin]

Closed #9