Create examples.md

satisfies how requirement in docs

docs/examples.md

@@ -0,0 +1,33 @@
+## Movie Recommendation Mechanism 
+### (Modified in project 3)
+**The user selects upto 5 movies to get a tailored watchlist and provide feedback for the same**
+
+<img src="https://github.com/brwali/PopcornPicks/blob/master/asset/recommend_mechanism.gif" width="600" height="375">
+
+## Email Notifier
+**The user sends his/her movies feedback via an email (Notify Me button)**
+
+<div style="display: flex; justify-content: space-between;">
+    <img src="https://github.com/brwali/PopcornPicks/blob/master/asset/email_notifier.gif" alt="Email Notifier" width="600" height="375">
+    <img src="https://github.com/brwali/PopcornPicks/blob/master/asset/email.png" alt="Email" width="400" height="400">
+</div>
+
+## Create an Account
+### (NEW in project 3)
+**Users can now create accounts, persisting data including their movie reviews and recommendations**
+<img src="https://github.com/brwali/PopcornPicks/blob/master/asset/create_account.gif" width="600" height="375">
+
+## Login to account
+### (NEW in project 3)
+**The user can log in to their account securly with encrypted passwords stored in our database**
+<img src="https://github.com/brwali/PopcornPicks/blob/master/asset/login.gif" width="600" height="375">
+
+## Profile and Friends
+### (NEW in project 3)
+**The user can add friends, view the movies reviewed by the friends, and see their reviewed movies in their profile**
+<img src="https://github.com/brwali/PopcornPicks/blob/master/asset/profile.gif" width="600" height="375">
+
+## Wall
+### (NEW in project 3)
+**The user can interact with other users, by viewing a community sourced wall of recent moview reviews**
+<img src="https://github.com/brwali/PopcornPicks/blob/master/asset/wall.gif" width="600" height="375">