Project Details

In this project, we made 3 different versions of an instagram clone. The first was a static site, the second a dynamic server-side site, and the third a dynamic client-side site. In the static site version we began by using html, python, jinja, and css to template different html pages. In the dynamic server-side version we had the addition of sql, flask, and sessions to allow the users to login and dynamically add and remove content for their own instagram pages. With this second version we were able to dynamically add likes, comments, accounts, comments, and posts. Finally, in the last version we solved the problem of content changes resulting in hard reloads. Instead we used Javascript and Python with Rest APIs and React to make a client-side version so that when a change is made it does not have to reload the page. Alongside this addition was the introduction of infinite scroll and double-tap to like.