Willegram – an Instagram clone

This is a project for Mobile Internet Programming course at Oulu University of applied sciences.

Technologies:

Ionic2/Angular2
Node.js
Express
MongoDB
Cloudinary
Ionic Cloud for user authentication
Heroku server

Requirements:

Instagram like UI
The UI design is copied from the Instagram mobile application. The UI has similar look and feel. I have implement a tabbed system, which presents home feed from users you are following, search view with grid display of search results, post creation view and user profile management view.

Publish post
Public post publish, which allows you to publish posts to your followers and to public based on tags. Each post is made of post image, post description + possible tags. Post images can be chosen from the phone gallery or captured with camera.

Post like
You can like posts from different users. Likes are displayed below the post. When post likes is less than 10 then list of liking usernames are displayed.

Post commenting
Posts can be commented by users and comments are displayed below the post. Commented user name is displayed also.

Search
Users and tags can be searched. Search results are displayed in a grid view, where there are three results in a row and each result is a small version of the post image. Clicking an image will bring up a detailed view of the post.

User profile view
Displays the basic information of the user. Allows user to change his profile image. Displays all his posts in the same way as the search view displays search results. Displays the numbers of his followers and the amount of users followed.

User login
User can login to the application with his username and password

User sign in
A new user can be created with a username / password combination to authenticate