Instagram Clone

A clone of Instagram built using React, Next.js, Tailwind CSS, Firebase and more.

Features

• Authentication/Singup using Firebase and Google.
• Create posts with images and captions.
• Like posts.
• Comment on posts.
• Bookmark posts.
• Follow/Unfollow users.
• View posts of users you follow.
• View posts of a particular user.
• User profile page.
• Responsive design/Responsive UI.
• Editable profile with username, picture and bio.
• Search for users.
• Add skeleton loaders.

Demo

Setup

$ git clone https://github.com/FallenDeity/InstagramClone
$ cd InstagramClone
$ npm install

Build

$ npm run build

Internally calls for next to build the project.

Test

$ npm run test

Internally calls for mocha to run the tests.

Run

$ npm run dev

Internally calls for next to run the project in development mode.

Others

• npm run lint - Runs eslint on the project.
• npm run lint:fix - Runs eslint on the project and fixes the errors.
• npm run prettier - Runs prettier on the project.
• npm run prettier:fix - Runs prettier on the project and fixes the errors.

Future possibile features

• Add stories.
• Add dark mode.
• Add chat feature.

Note
Few more commands are available in package.json under scripts section.