{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/ddbadc5847e74ba69d8cb46a0e9cbfd1\" frameborder=\"0\" width=\"1658\" height=\"1243\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1243,"width":1658,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1243,"thumbnail_width":1658,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/ddbadc5847e74ba69d8cb46a0e9cbfd1-7b67d245c2438570.gif","duration":193.458,"title":"Interactive Calendar Component Built with ReactJS and Tailwind CSS","description":"Hi, I am excited to share my interactive calendar component that I built using ReactJS, Tailwind CSS, and Date FNS. It features a scenic hero banner, a calendar on the left, and a notes panel on the right, allowing users to navigate between months and add notes for specific dates or date ranges. The notes are saved in local storage, ensuring they persist even after refreshing the page. I also implemented a clear section option to reset dates or ranges easily. I would love for you to explore the component and provide any feedback."}