https://github.com/mihir0699/instagram-clone

Instagram Clone built using React.js and Firebase
https://github.com/mihir0699/instagram-clone

ant-design firebase hacktoberfest instagram reactjs

Last synced: about 2 months ago
JSON representation

Instagram Clone built using React.js and Firebase

• Host: GitHub
• URL: https://github.com/mihir0699/instagram-clone
• Owner: mihir0699
• Created: 2021-01-09T10:50:16.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-07-30T06:13:14.000Z (over 3 years ago)
• Last Synced: 2024-11-01T07:40:52.164Z (about 2 months ago)
• Topics: ant-design, firebase, hacktoberfest, instagram, reactjs
• Language: JavaScript
• Homepage: https://mihir-insta.firebaseapp.com/
• Size: 6.71 MB
• Stars: 62
• Watchers: 2
• Forks: 17
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Welcome to Mihir's Instagram Clone! ✨

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://mihir-insta.firebaseapp.com/) [![Build passing](https://img.shields.io/badge/Build-Passing-brightgreen.svg?style=flat-square)](https://mihir-insta.firebaseapp.com/) [![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=102)](https://mihir-insta.firebaseapp.com/) [![License](https://img.shields.io/badge/license-MIT-brightgreen)](https://mihir-insta.firebaseapp.com/) ![Made with Love in India](https://madewithlove.org.in/badge.svg)

I have made this Instagram Clone using technologies like React.js, firebase and Ant Design. It has all the basic functionalties instagram offers.

**PS:** I have not copied a single line of code from any video tutorial. All the code is my own hardwork.

**Project Link** - ***https://mihir-insta.firebaseapp.com/login***

**Demo Video** - ***https://youtu.be/7j9qi99gRbI***

## Features and Functionalities 😃

 - User sign up and login using Facebook and Email-Password

 - Edit Profile

 - Follow/Unfollow Users

 - Add/Delete Posts

 - Like/Unlike Posts

 - Like Posts by double tap

 - Comment on Posts

 - Explore Posts 

 - Get Suggestions to follow other users

 - Personalized feed of posts

 - Search for other Users

 - Bookmark Posts

 

 ## Screenshots

 ### Auth Page

 ![enter image description here](https://raw.githubusercontent.com/mihir0699/Instagram-Clone/master/git_images/auth.PNG?token=ALT5AMAAKUKBS6T4V2DVEWTAC2WQ4)

### Profile Page

![enter image description here](https://raw.githubusercontent.com/mihir0699/Instagram-Clone/master/git_images/profile.PNG?token=ALT5AME5MADQFC77RFW3GBLAC2WVU)

### Feed Page

![enter image description here](https://raw.githubusercontent.com/mihir0699/Instagram-Clone/master/git_images/feed.PNG?token=ALT5AMCRJBU2ILGAWVDW6UDAC2WYK)

### Post Page

![enter image description here](https://raw.githubusercontent.com/mihir0699/Instagram-Clone/master/git_images/Post.PNG?token=ALT5AMD6ZVXRPWNKGMPC4CLAC2W3U)

### Resposiveness

![enter image description here](https://raw.githubusercontent.com/mihir0699/Instagram-Clone/master/git_images/responsive.PNG?token=ALT5AMHS2GTGY667U3PZ7ATAC2W5S)

## Tech Stack 💻

 - [React.js](https://reactjs.org/)

 - [Firebase (Firestore+Storage+Hosting)](https://firebase.google.com/)

 - [Ant Design](https://ant.design/)

 

 

## 🤩 Don't forget to give this repo a ⭐ if you like this repo and want to appreciate our efforts

 

[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg)](https://forthebadge.com)