Code Monkey home page Code Monkey logo

instagram_clone_swiftui's Introduction

Instagram_Clone_SwiftUI

"Buy Me A Coffee"

About This Project

Build Instagram by using SwiftUI and Firebase

TODO

  • Reel
  • Story
  • Chat
  • Video recording and photo capture function
  • Improve upload UI
  • Login Screen

Requirements

  • iOS 17+
  • Xcode 15.0.0+
  • Swift 5+
  • Firebase (Authentication, Firestore, Storage)

Usage

  1. Clone the project to your local directory
  2. Setup firebase (follow the steps to setup your firebase)

Test on Live Server / Emulators

If you want to test it on live server, please change the Build Configuration to Debug.

Otherwise, keep the Build Configuration to Emulators 截圖 2023-12-04 下午4 32 02

Setup Emulators

If you test it on emulators. Please follow the guide to Setup the emulator

Firebase Configuration

  1. Firestore rules
rules_version = '2';

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
    match /users/{user} {
      allow read, write: if request.auth != null;
    }
    match /usernames/{username} {
      allow read: if true;
      allow write: if request.auth != null;
    }
  }
}
  1. Storage rules
rules_version = '2';

// Craft rules based on data in your Firestore database
// allow write: if firestore.get(
//    /databases/(default)/documents/users/$(request.auth.uid)).data.isAdmin;
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if request.auth != null;
    }
  }
}

instagram_clone_swiftui's People

Contributors

elviswong213 avatar

Watchers

 avatar  avatar

Forkers

walternate

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.