Completion time: May, 2022
Project URL: https://wordpress.org/plugins/instagram-feed/
The most popuplar Instagram Photos feed plugin on WordPress.org site. It let’s the users to display Instagram feeds for personal user feed and for business profile it let’s get the hashtag and public tagged Instagram posts/feeds. The posts can be displayed using various layouts like masonry, carousel, and grid and has pre-built templates.
But the plugins’ UI wasn’t very intuitive since the plugin first released in 2013. The plugin settings page was too basic in design and it was built with the WordPress Settings API. So it was needed to revamp the plugin admin pages with latest technology. Let’s take a look at the old plugin admin pages first.
The design team came up with innovations and designed a modern UI for the plugin. The next part was for me to develop the UI with both Vue.js on some pages and React for some other pages as per the requirement and decisions from the management. I was the lead developer on this project and developed it from the scratch. The challenging part was to keep the support for the legacy version users and data but change the UI completely with new framework in the UI.
Take a look at the updated designs for the plugins.
Since this plugin was already actively installed on more than 1M+ websites on 2022 when I started on this project so the first priority was to make sure that nothing should be broken for legacy users. Everything should be working as expected for the existing users of the plugin.
The requirement was to create the All Feeds page, it’s Feed Customizer, Settings, About, and Support pages with Vue.js as per the requirement.
As a part of the team, my contributions were recognised and my old profile picture can be found on the About page image 2nd from the right.
The project was a success and after the v6.0 release on May 2022, the active downloads of the plugin is now over 1.7M+ as of 2024 from 1.2M+ in 2022. I have continued developing and managing the plugin since then and keep adding new features and squashing bugs.