It is a photo and blog sharing website allow users to upload, store, edit, organize, and share photos. This site connects users with others through comments, tags, and likes. User can also post a message or a blog which also other users can comment and like.
• Register • LogIn • Create Post • Upload Image • Add Caption • Add-Friend • Un-Friend • Like or Unlike the post
| Screenshots | Description |
|---|---|
 |
Angular Components Layout |
 |
Create an account user with First Name, Last Name, email address and password. |
 |
After login, user will land on timeline-view, where user can post a new status which includes photo and text caption. New post will show on the same timeline. |
 |
Post info: Post will have user and post information. It would show who has posted the new status or post, post-time and photo. User has option to like, unlike and comment on the post. User also can like or unlike the comment. User has option to load more data(pagination) by clicking on more button. Timeline will show latest 25 posts and with more button will continuing adding 25 more entries. |
 |
By clicking Home button user will go to home-view where user will see the list of users, from which user has option to add them as friend or un-friend the friends. |
 |
Home-view also have load more data option by clicking the more button. |
Technologies Used
- Angular
- Bootstrap
Server Side
- ASP.NET Core
- Entity Freamework
Model
- User
- Friends
- Posts
Clone this repository $ git clone https://github.com/kaurgdeep/PhotosharingApp.git
Go into the repository
cd Instagram
Install dependencies
$ npm install
Run the app
cd Instagram ng serve cd InstagramAPI Go to solution and run