Instagram Clone


While completing the Front-End Web Developer course through Scrimba, I was assigned this project with the following requirements:

I went beyond those parameters for my project, utilizing JavaScript to render the posts, increase the likes when double clicking the post, removing likes when double clicking the post, and changing the heart icon based on the like status of each post.

In executing this project, my strategy was first to construct the framework using HTML before transitioning to JavaScript for rendering posts. Initially, I employed 'innerHTML' for this task, but upon further consideration, I decided to refactor the script and use 'createElement' instead. This approach was chosen to circumvent potential security risks associated with user-generated content and to improve performance.

Github | Hosted Page