Coder Social home page Coder Social logo

instagramclone's Introduction

Welcome to InstagramClone ๐Ÿ‘‹

Version License runs with expo image image image

Main repository of the SimCoder's youtube series "Make an App like INSTAGRAM"

Make a web app Like INSTAGRAM

I'll show you how you can do this in the simplest way and terms possible.

By the end of this series you'll have learned how the big companies do it and will be able to do the same, you not only will be able to do this app, but you'll be able to put what you learn into your very own projects!

Any question, ask me in the Forum, every question gets an answer! http://www.simcoder.com/forum

This project will be made using react native, firebase firestore, firebase storage, redux, expo, along with a lot of other packages and technologies which will help us get this Instagram clone app up and running as fast as possible.


โž• Features

Currently the project has the following features:

  • expo boilerplate
  • Auth system
  • Post Images w/ descriptions
    • Take pictures directly in app
    • Choose from gallery
  • Profile page
  • Follow/Unfollow users
  • Feed in chronological order
  • Search Users
  • Comment Posts
  • Comment Likes
  • Redesign

๐Ÿ’ป Install

First you need to install Nodejs and npm, this is different depending on the OS you are running so it is easier to check the node page

Install expo, if it fails run you might need to run this with sudo

npm install expo-cli --global

Install the needed packages while in the root folder of the project

npm install

Install firebase tools

npm install -g firebase-tools

Deploy the project to yout firebase projhect (make sure to have billing enabled for that project). copy the backend/functions/index.js into a different place

cd backend
firebase login
firebase init (choose functions, javascript, EsLint and install deplendencies)

Copy the index.js into the place of the new index.js

firebase deploy

You can check the first video on this series to learn how to do it easily


๐Ÿ“ฑ Usage

To Start expo all you have to do is run this line

expo start

If you want to run on android you'll need to enable developer options and USB Debugging on your device


๐Ÿ’™ question FAQ

If you have any question then please use the following Forum.


๐Ÿ‘ค Author

SimCoder

๐ŸŒŸ Show your support

Give a โญ๏ธ if this project helped you!

๐Ÿ“ License

Copyright ยฉ 2020 SimCoder.

This project is Apache License 2.0 licensed. Some of the dependencies are licensed differently.

instagramclone's People

Contributors

simcoderyoutube avatar

Watchers

James Cloos avatar  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.