Coder Social home page Coder Social logo

pmilan24 / instagramclone Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jen-vu/instagramclone

0.0 0.0 0.0 20.99 MB

The app allows users to upload photos and videos to the service, which can be edited with various filters, and organized with tags and location information. An account's posts can be shared publicly or with pre-approved followers. Users can browse other users' content by tags and locations, and view trending content. Users can "like" photos, and follow other users to add their content to a feed.

License: MIT License

Swift 98.94% Ruby 1.06%

instagramclone's Introduction

Instagram (Clone)

License: MIT Language: Swift IDE: Xcode

Description

The app allows users to upload photos and videos to the service, which can be edited with various filters, and organized with tags and location information. An account's posts can be shared publicly or with pre-approved followers. Users can browse other users' content by tags and locations, and view trending content. Users can "like" photos, and follow other users to add their content to a feed.

Demo

feature/design-welcome-screen

Screenshot 01
screenshot01.png

feature/design-login-and-signup-screens

Screenshot 02 Screenshot 03
screenshot02.png screenshot03.png

feature/design-upload-profile-photo-screen

Screenshot 04
screenshot04.png

feature/custom-image-picker

Screenshot 05 Screenshot 06
screenshot05.png screenshot06.png

feature/app-icon

Screenshot 07
screenshot07.png

feature/integrate-firebase-with-cocoapods

On this section there is no demo, because is the same as before. Here we just link our app with Firebase, the GoogleService-Info.plist is not on the repo, so, create a new Firebase project and download your own file.

feature/factor-image-uploading-code

On this section there is no demo, because is the same as before. We create an extension of UIImage to let the image be uploaded to Firebase Storage.

feature/upload-user-data-to-firestore

On this section there is no demo, because is the same as before. We create a data model for user with an extension to Firebase to be able to save it on Firestore

feature/signup-view-controller

On this section there is no demo, because is the same as before. We create the ViewController for the Sign Up Screen.

feature/signup-users-and-save-to-firebase

On this section there is no demo, because is the same as before. We add the code to Authenticate|SignIn|Save authenticated data on Firebase.

feature/observe-user-login-and-download-current-user-data

Screenshot 08
screenshot08.png

feature/logout-users

Screenshot 09
screenshot09.png

feature/login-users

Screenshot 10 Screenshot 11
screenshot10.png screenshot11.png

feature/design-post-composer

Screenshot 12
screenshot12.png

feature/code-post-composer-vc

On this section there is no demo, because is the same as before. We add the code to PostComposerTableViewController to be able to get the user info and be prepare to upload the post.

feature/create-post-model-class

On this section there is no demo, because is the same as before. We create our Post class to be the model of our posts and add the code to save on Firebase.

feature/share-a-new-post

On this section there is no demo, because is the same as before. We add the code to the PostComposerTableViewController to use the Post model and upload the post data on Firestore.

feature/trigger-imagepicker-when-tap-on-camera-tab

Screenshot 13 Screenshot 14
screenshot13.png screenshot14.png

feature/making-changes-newsfeed

On this section there is no demo, because is the same as before. We bring the Newsfeed from the repo fdorado985/InstagramNewsFeedUI and bring it on this project.

feature/fetch-posts-to-newsfeed

Screenshot 15
screenshot15.png

feature/download-post-images

Screenshot 16
screenshot16.png

feature/create-comment-composer-vc

Screenshot 17
screenshot17.png

feature/create-comment-composer-vc

Screenshot 17
screenshot17.png

feature/create-comment-class

On this section, there is no difference with the change before, it was just create the new comment class, and the functionality will just look like before.

share-comments

On this section, there is no new view, it was created the functionality for the comment composer, now we can add comments to our posts.

fetch-comments-and-design-post-detail

Screenshot 18
screenshot18

create-comment-cell

On this section we just created the logic for the comment cell, so the state of the app keep in the same way as the tag before.

show-comment-composer-using-pop

Screenshot 19
screenshot19

populate-comments-to-tableview

Screenshot 20
screenshot20

like-posts

Screenshot 21
screenshot21

instagramclone's People

Contributors

jfdoradotr avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.