A Instagram clone created using Next.js, Tailwind CSS and Firebase. for Software Developers !!
⚡️ Fully Responsive
⚡️ Valid Tailwind CSS
⚡️ Supports authentication and authorization
⚡️ Create new account using Signup
⚡️ Like and Comment posts
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
You'll need Git and Node.js (which comes with npm) installed on your computer.
node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher
From your command line, clone and run insta-next-js:
# Clone this repository
$ git clone https://github.com/NinadRao0707/final-portfolio.git
# Go into the repository
$ cd insta-next-js
# Install dependencies
$ npm install
# Start's development server
$ npm run dev
Create a Firebase project if you haven't already. Make sure you go into the Authentication tab in the Console, go to "Sign-in method", and enable "Google"
Add your service account (Admin) credentials to the project. To do this, go to the Firebase Console > open your project > click the gear icon > Project Settings > Service Accounts > click Node.js > Generate new private key. Open the JSON file that downloads. Then create a copy of .env.local.example
and rename it to .env.local
. This is the file where you will put your secret Firebase credentials. Copy/paste the values from the private key JSON file over to the new .env.local
file: privateKey
becomes PRIVATE_KEY
, project_id
becomes PROJECT_ID
, and clientEmail
becomes CLIENT_EMAIL
.
Deploy it to the cloud with Vercel (Documentation).
Give a ⭐️ if this project helped you!
👤 Ninad Rao
- Twitter: @nindiya_0707
- Github: @NinadRao0707
- LinkedIn: @NinadRao