ytakkar / instagram-clone

An Instagram-clone with my own flavors and features. Own the project with 5 simple steps!! 📸💝☢️ - No longer maintained.

Instagram-clone

An Instagram-clone with my own flavors and features!!

No longer maintained.

---

🛒 Launch your online store with OwnStore.

---

Updated version

Please note that this project is no longer maintained. Have a look at another version of this project which is a single-page application

React Version

Feel free to contribute!!

Quick links

1. Features
2. Requirements
3. Own the project
4. Login/Signup Error
5. Contribute
6. Images copyright claims

Here's a video which will take you on a tour of this project!!

Screenshots

Features

1. Login, Signup, Forgot password (with email verification).
2. Quick Login like in Facebook and Instagram (this means app remembers that you had logged in, so you only have enter password to login again).
3. Indicates that users exists as you type username when signing up.
4. About, Developer, Help, 404, No such user, No such group page.
5. AJAX used almost everywhere (From login to logout).
6. Follow, Unfollow, Recommend, Profile views, Block, Unblock.
7. Like, Comment (Sticker, Text, Image), Share, Unshare, Remove share, Tag, Untag, Remove tag, Copy post link, Delete post, Edit post, Open post.
8. Post Text, Image (with filters), Video, Audio, Link, Document, Location with emojis, Font size, Tag, mentions, hashtags and location.
9. Time ago format used everywhere.
10. Custom Video and Audio player.
11. Add tags to describe yourself much more.
12. Edit your profile (From username, Bio, social links to tags).
13. Get suggestions on whome to follow (you can also refresh suggestions).
14. Know what are some of the most popular hashtags.
15. Mutual likes and comments as in Facebook (When you see a post, if your followings have liked or commented on the post, then app re-arranges post's likers and commenters in a way that your followings get the first priority). eg. F1, F2, F3 and 230 others liked where F = Following.
16. Shows images in Theatre mode.
17. Explore people, photos, videos, audios and groups.
18. Get notified on almost everything from your post being liked, commented, shared TO you being added to a group.
19. Create conversation with your followings and give your conversation a title.
20. Message emoji, Text, Image, Sticker.
21. Delete conversation, unsend all your messages, edit conversation title and get all info about the conversation.
22. Create group conversation with your followings.
23. Change admin (if you're an admin), leave group, remove member, change group avatar, add members and get more info about the group.
24. Bookmark the post if you liked it.
25. Make a user favourite if you like him/her.
26. Create a group with your followings.
27. Shows newest member, members you know from the group.
28. Post (Point no. 8).
29. Add/remove members.
30. Edit group's settings.
31. Shows if a user is online.
32. Love a group, invite your followings to the group.
33. Change your avatar from over 200 custom avatars, don't like it upload your avatar with a cropping tool (Same can be done while changing group avatar).
34. If a text post is large, then a glimpse of the post is shown and you can load more.
35. You will be always prompted from deleting a post to blocking someone.
36. Search users, groups and hashtags.
37. Click on a particular user tag such as 'Mumbaikar' and see all users with the same user tag.
38. Google+ style notification bar (one that transitions from the bottom, stays 3 seconds and then goes down).
39. Description provided almost everywhere eg. when you hover over Like (Heart) button, then there'll be description of 'LIKE'.
40. Change you password.
41. Change account type private or public (Default: public).
42. Change email and phone visibility.
43. Get all your login details.

Requirements

1. Latest version of PHP.

Own the project

If you're interested in watching a video on how to use or set it up, click the below image!!

1. Open PHPMyAdmin, create a Database & import instagram.sql.
2. Open config/class/needy_class.php & fill up your PDO, Path & Gmail details.
3. Open config/declare.php, config/class/needy_class.php & public/js/modules.js & replace DIR variable containing my root path with your root path. (Note: Do not add forward slash in the end!).
4. Open .htaccess, go to line 17 & replace it with your root path.
5. If Time ago feature is not working correctly (forward or behind), then go to config/class/time.class.php & play around with line no 8.
6. Enjoy!!

Login/Signup Error

If you have followed all the steps, especially step no. 3 and using Chrome browser for initial testing and you're unable to login or signup, then try changing the Chrome browser for initial testing and it will work. Because Chrome sometimes doesn't reload the files. 4-5 issues are regarding this error only!!

Contribute

Show your support by 🌟 the project!!

Feel free to contribute!

Copyright claims

Many images used in the project belong to their respective creators/authors. No claim by me & those who use this project!!

Thanks for reading

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

instagram-clone's Issues

not able to signup and signin

sir i am running your instagram clone in local server. but when i am trying to do signup then a notification comes and not able to signup. i am also trying to login with username-takkar pass-takkar but not logging. please solve my issue. and if possible then send me the codes after solving issue. i will be thankful to you.
here i have attached the problem pic.thanks.

when trying to open someone else profile other than logged in user it shows error

Fatal error: Uncaught exception 'PDOException' with message 'SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'get FROM login WHERE user_id = '139' LIMIT 1' at line 1' in

Not opening extention link

I have uploaded script and changed everything which was told by your installation process.

But the problem is any page with its extention isnt opening ...
For example i click login button the url goes to (www.mysite.com/login) , it should go to (www.mysite.com/login.php).

So by this problem not any single page is opening

MySQL issue after update

Hi my friend,
I think I have some troubles after some updates, can you tell me the MySQL server version you are using please? I think all my problems comes since CPanel autoupdated my servers :(
Thank you.

need the live notification script

please i need the live notification script and

Not an issue. It

Any thoughts on implementing an API that would allow iOS developers, like myself, to offer an iPhone app to work with this? And, would you be able implement Amazon S3 bucket hosting for the files instead of on the users own hosting?

Email Verification Error

email verification link cant be sent

The requested resource ~/welcome was not found on this server.

I cloned you git repository and edit files as reported in "Own the Project" of readme file but when go to code directory and serve the code with php command $ php56 -S localhost:8080 (or $ php -S localhost:8080 for php7) I can't see welcome page, I see a php 404 error:
The requested resource /path/to/project/Instagram-clone/welcome was not found on this server.
The path to welcome.php is correct.

In terminal, I see php serve command output:

[Mon Feb 26 21:28:54 2018] PHP Notice:  Undefined index: id in /path/to/project/Instagram-clone/index.php on line 21
[Mon Feb 26 21:28:54 2018] PHP Notice:  Undefined index: id in /path/to/project/Instagram-clone/config/class/avatar.class.php on line 13
[Mon Feb 26 21:28:54 2018] PHP Notice:  Undefined offset: 0 in /path/to/project/Instagram-clone/config/class/avatar.class.php on line 15
[Mon Feb 26 21:28:54 2018] PHP Notice:  Undefined index: id in /path/to/project/Instagram-clone/config/class/post.class.php on line 605
[Mon Feb 26 21:28:54 2018] PHP Notice:  Undefined index: id in /path/to/project/Instagram-clone/config/class/suggestions.class.php on line 16
[Mon Feb 26 21:28:54 2018] PHP Notice:  Undefined index: id in /path/to/project/Instagram-clone/config/class/hashtag.class.php on line 118
[Mon Feb 26 21:28:54 2018] PHP Notice:  Undefined index: id in /path/to/project/Instagram-clone/config/class/avatar.class.php on line 13
[Mon Feb 26 21:28:54 2018] PHP Notice:  Undefined offset: 0 in /path/to/project/Instagram-clone/config/class/avatar.class.php on line 15
[Mon Feb 26 21:28:54 2018] ::1:49424 [302]: /
[Mon Feb 26 21:28:54 2018] ::1:49446 [404]: /path/to/project/Instagram-clone/welcome - No such file or directory

Where I am wrong?
I'm on Macbook MacOS 10.13 with php 5.6.16 or php 7.0.23.
Thanks!

where is admin panel

You have not mentioned the post_action page in login.php, Line no. 37

<form class="login" action="" method="post">

What will be the Form_Action page ??

Live Web Server Sign Up Error

Hi Faiyaz,

Thanks for the great work.
I installed the package as instructed with all the correct details.
The database connection works. No errors.
One problem though, signup.php does not post details to the database and complete the sign up process, unfortunately.

Server details:
Shared hosting - cPanel
Php 5.6.30
MySQL 10.0.31

Your help is very much appreciated.
If you'd prefer, you could also mail me on [email protected]

Thank you

Missing Licence

Your project is missing LICENCE.

From opensource.org:

What is a "permissive" Open Source license?
A "permissive" license is simply a non-copyleft open source license — one that guarantees the freedoms to use, modify, and redistribute, but that permits proprietary derivative works. See the copyleft entry for more information.

Is SOME PROGRAM Open Source?
Only if it uses one of the approved licenses, and releases appropriate software.

Can I call my program "Open Source" even if I don't use an approved license?
Please don't do that. If you call it "Open Source" without using an approved license, you will confuse people. This is not merely a theoretical concern — we have seen this confusion happen in the past, and it's part of the reason we have a formal license approval process. See also our page on license proliferation for why this is a problem.

Read More

1. opensource.org
2. opensource.guide

MySQL issue with variable name

I have found this issue when calling this SQL request:
SELECT MAX(login_id) AS get FROM login WHERE user_id = :id LIMIT 1

I have found that 'get' is a reserved instance, so I am getting errors using it, I have changed it for 'myget' in this way:
SELECT MAX(login_id) AS myget FROM login WHERE user_id = :id LIMIT 1
and changed this row as well:
$login = $row->myget;

It is possible someone are getting this error too.

Not an Issue, Just Question

Hello @yTakkar .

This is awesome thing you created so far.

I installed it, got some bugs in my mac but I solved it.

I really appreciate this work.

I have a question:
"Can we have any kind of Admin Control or panel where we can manage thing from behind the scenes, like, admin email, pass, logo, site name, titles."

I want to make friend's personal community site. I have very large friend circle. really big.

My eyes are bleeding

Dude, please read the http://www.php-fig.org/ and about modern php applications.

Mail and Post List

When I posted a text I am clicking to profile to view it but loading screen always turning. And it isn't viewed. There is no problem on picture etc. I tried to reinstall and change database.

The other problem is sending e-mail I typed correctly my gmail account. But there aren't any e-mail.(Verification, password recovery etc.) When I click Resend Activation button. E-mail sending is failed.

I hope you will help me.
Thank you.

Where is the admin backend?

Hi, this is more a question not an issue. Is there an admin backend page or can i login as admin? if yes what is the admin username and password ?
I installed the script and i 'm in the welcome page. How can i set an admin user and password?

Thanks

Register and login error.

Hi again,
I am getting problems with the registration and login in the app. Now It is suppose the app is working fine and the .htaccess is working properly, but if I try to register a new user, login withe an user of the database or even try to execute forgot password, none of them are working for me. When I introduce incorrect details, the web tells me that they are incorrect, so I suppose the DB connections is fine. Can you tell me the web app process in order to debug the issue please?

MYSQL Error

SQLSTATE[HY000] [2002] Connection refusedSQLSTATE[HY000] [2002] Connection refused

Can't change avatar

Please Help Rewrite On Nginx

`RewriteEngine on

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

#For removing extension as Options +MultiViews not working with RewriteRule
RewriteRule ^([a-zA-Z0-9_]+)$ $1.php [QSA,NC,L]

RewriteRule ^profile/([a-zA-Z0-9._@-]+)$ profile.php?u=$1 [QSA,NC,L]
RewriteRule ^profile/ profile.php [QSA,NC,L]

RewriteRule ^groups/([0-9]+)$ groups.php?grp=$1 [QSA,NC,L]
RewriteRule ^groups/ groups.php [QSA,NC,L]

RewriteRule ^view_post/([a-zA-Z0-9]+)$ view_post.php?post=$1 [QSA,NC,L]

ErrorDocument 404 /Faiyaz/Instagram/404.php

#DirectoryIndex Options +Indexes

<FilesMatch ".(htaccess)">
order allow,deny
deny from all

#Options +MultiViews

IndexIgnore *
`

Profile Page only works for self

Hey,
I know you said you stopped working on this projekt and started multiple others but since I only have access to my webspace and no access to SSH or anything like that I am reliant on the PHP-Only version so I wanted to give it a shot by asking for your help in this.

I have the issue that profile pages only load for yourself, meaning you can see your own full profile but you cannot see anything on the profile of others, neither can you click the "expand bio" or unfollow buttons, the links just end the url in # and nothing happens after that.

http://prntscr.com/in9dgl - this is what it looks like if you access someone else's profile, everything else such as the News Feed works properly.. Maybe you got a quick fix. I didn't change anything except for the parts mentioned in the readme.

Unable to open links

After seeing in you demo how you open lipsum.com, I tried it and it's not working. Do I have to make some changes @yTakkar i know you have stopped on the project.
i just need a favour from you on how you made it work. Thanks alot

admin panel

How about making an admin panel to control users and their activity, ads, logo to layout change and much more.?

unable to login & sign up

1. Unable to sign up
   then i go to insta official site and signed up
2. Unable to sign in
   after creating my account i am unable to sign in see screenshot below

Can't Upload Video

when i try to upload video its says "posted" but when im check my profile the video is not there,any solution?

Unable to view website

I created a database and named my database eventpix. I imported the database just fine. I replaced all references of the database to host=localhost;dbname=eventpix;charset=utf8mb4', 'myusername', 'my password'. I changed the root path from /faiyaz/Instagram to /eventpix so my site is www.mysite.com/eventpix. Any thoughts on why when I go to the root site (ie. www.mysite.com/eventpix) it is blank. Your instructions seemed straight forward. I should note. My website is https. Not sure if that matters. I also checked my error log and I get this. PHP Parse error: syntax error, unexpected '$noti' (T_VARIABLE) in /home/ipixsocial/public_html/eventpix/config/class/post_comment.class.php on line 399

Having Issue

This is Emperor Haqulix.. Please could you make available of those screen shots of how to go about it? Thanks

One thing to add in Readme

Hi,
I have found your project, and I am finding it very interesting. One thing you should add to your read.me file is recommend to use Atom for MAC users. It is free and very helpful with your instructions.

Login/Signup error

Hey, i have created insta clone by using your script here is site : http://go.fanclub.rocks/faiyaz/Instagram
I'musing infintyfree.net hosting.Can you please help me!

Column "logout" should have a default value

Dear Faiyaz,

First, thank you very much for sharing your hard work!
One small fix : in the "login" table, I have put a default NULL value for "logout".
Irwan

no admin panel ?

no admin account no admin panel ?? this is useless

admin ???

how to add the Admin ??

getting error SQLSTATE[42000] [1203] User ********* already has more than 'max_user_connections' active connections on hostgator

NO option to delete an account

.Php error

For example when I try to login I have to write .php. Like this;
I installed files in "public_html" so I write " " to DIR.
http://prntscr.com/gc1n8x
http://prntscr.com/gc1nk8

My opinion on the design of the code.

The current design of code is simply the reason why other developers hate PHP. You did not use the good design pattern and that makes other developers think PHP is a piece of crap.

Yes it works .. but I'm just saying..

Admin Panel !!!!!

i like this script..but please add the Admin Panel .... and thanks

Great work!!

Awesome project for beginners. Website looks so beautiful & it perhaps contains more features than original Instagram website.
Following you for your latest projects.
Best of luck for converting this Instagram-clone into a MERN app with NodeJS & Go on backend.
I just read you're 18 only. Wooooooo!!

Logout

The script is good! There is one flaw or something I do not do the right thing. Does not work when you leave the site. White screen, no redirect. If you go back to the page, go to your profile. It is impossible to get out!

And.... you plan to make the script multilingual?

There is a problem , that i am facing in the login page.

i cannot login with my login credentials

When posting, some HTML is visible

Post issue

Hi again,
I am getting problems with posts, I can get my post shown in the home or profile page.

I ave tested that all the information is stored in the database, but it seems that it is not posed in the web. Other thing, when I send text_post from home page, it seems to be sent but it is not shown in the timeline. But when I try to post an image the post dialog stucks and is not closing the dialog, but the image and the text is stored in the database.

Any tip? Can you tell me the flow of posting, and the flow of showing them?

About MERN Instagram-clone

You've stated that you are converting this Instagram-clone into a MERN app with NodeJS & Go on back-end. Just wanted to know when you'll release it!!

Issue regarding image upload

The image upload button is constantly stopping at "wait"

About php files references

Hi again,

I am getting some troubles with the links of the pages. For example, if I try to load the index.php for the first time, my web explorer do not open it, the index file links to '/my_ig_root/welcome' and it does not loads, I have to enter manually '.php' extension to de URL to make it load.

I think I have missed something, and at this moment I can not figure it out, I have uploaded the project to my server, but I don't know if I have to use anything else.

Can you help me please?

So, the forms are not working for the same reason. Hope you can help!

Not working. Help.

I uploaded everything to my web server and also uploaded the instagram.sql to PhpMyAdmin, but when I go to the website for my web server that I uploaded these files to, it is just a white screen. I don't know if I did something wrong or not.? Please help. Thank you.

Some Questions

First of all - You have done a great job, I like the script.

• Are You planing to develop a Installer Script for the system?

• Will You create a Admin Section for project/site owners?

• At the moment the only way to manage site users (delete or add some) is by manipulating the sql database table, right?

• Same to delete posts, content etc.?

I like what You did so far, it is looking amacingly good, but it would be cool if the clone would become a bit more of a real CMS - so more content management and setting options for site or project admins.

THX a lot ;)

About responsive design

Hi again yTakkar, first of all, I would like to congratulate you for the great work you are doing.
And now the question, are you planing to make the project responsive? This will bring the whole project to another level, and boost the users too.
Thak you again.

My eyes were blinded by this terribly coded Instagram clone

This Instagram clone shows everything not to do when coding in PHP. For a clone like this an MVC framework should of been used such a laravel or codeigniter.