Sandermoen / Instaclone
An instagram clone created with the MERN stack
Stars: ✭ 289
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Instaclone
Spruce
A social networking platform made using Node.js and MongoDB
Stars: ✭ 399 (+38.06%)
Mutual labels: social, mongodb, express
Meantorrent
meanTorrent - MEAN.JS BitTorrent Private Tracker - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js, A BitTorrent Private Tracker CMS with Multilingual, and IRC announce support, CloudFlare support. Demo at:
Stars: ✭ 438 (+51.56%)
Mutual labels: mongodb, express, socketio
Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-85.81%)
Mutual labels: mongodb, express, socketio
Swiftinstagram
Instagram API client written in Swift
Stars: ✭ 570 (+97.23%)
Mutual labels: social, instagram
Express React Fullstack
Simple, Useful Full Stack Express and React Application
Stars: ✭ 286 (-1.04%)
Mutual labels: mongodb, express
Graphql Mongodb Server
A GraphQL MongoDB server.
Stars: ✭ 242 (-16.26%)
Mutual labels: mongodb, express
Telegram Instapy Scheduling
A Telegram bot for scheduling InstaPy
Stars: ✭ 136 (-52.94%)
Mutual labels: social, instagram
Socialmanagertools Igbot
🤖 📷 Instagram Bot made with love and nodejs
Stars: ✭ 699 (+141.87%)
Mutual labels: social, instagram
Pro Mern Stack
Code Listing for the book Pro MERN Stack
Stars: ✭ 290 (+0.35%)
Mutual labels: mongodb, express
Express Mongoose Es6 Rest Api
💥 A boilerplate application for building RESTful APIs Microservice in Node.js using express and mongoose in ES6 with code coverage and JsonWebToken Authentication
Stars: ✭ 2,811 (+872.66%)
Mutual labels: mongodb, express
Hackathon Starter Kit
A Node-Typescript/Express Boilerplate with Authentication(Local, Github, Facebook, Twitter, Google, Dropbox, LinkedIn, Discord, Slack), Authorization, and CRUD functionality + PWA Support!
Stars: ✭ 242 (-16.26%)
Mutual labels: mongodb, express
aboutmeinfo-telegram-bot
ℹ️ About Me Info Bot: Share your social media and links on Telegram
Stars: ✭ 20 (-93.08%)
Mutual labels: social, instagram
Typescript Express Starter
🚀 TypeScript Express Starter
Stars: ✭ 238 (-17.65%)
Mutual labels: mongodb, express
Social Login Helper Deprecated
A simple android library to easily implement social login into your android project
Stars: ✭ 81 (-71.97%)
Mutual labels: social, instagram
Nodejs Restful Api
How to create a RESTful CRUD API using Nodejs?
Stars: ✭ 285 (-1.38%)
Mutual labels: mongodb, express
Mern Boilerplate
MERN stack project boilerplate
Stars: ✭ 211 (-26.99%)
Mutual labels: mongodb, express
Fullstackopen
Exercises for the Full Stack Open course.
Stars: ✭ 214 (-25.95%)
Mutual labels: mongodb, express
Instaclone
An instagram clone created with MongoDB, Express, React, and Socket.io
Tech
- Frontend:
React
- State management:
Redux
- Routing:
React Router
- Form management:
Formik
- Animations:
React Spring
- Websocket management:
Socket.io
- Backend:
Express
- Database:
MongoDB
- Image hosting:
Cloudinary
Installation
Clone
- Clone this repo to your local machine using
https://github.com/Sandermoen/instaclone
Setup
Install npm dependencies using npm install
$ npm install && cd client && npm install
Set up a MongoDB database either locally or provision a free database with
MongoDB Atlas
Create a free
Cloudinary account
Create a
GitHub OAuth app
Create a .env file in the root directory
Set up required environment variables
MONGO_URI= // mongodb://localhost:27017/instaclone
JWT_SECRET= // random string: j2390jf09kjsalkj4r93
CLOUDINARY_API_KEY= // Cloudinary API key
CLOUDINARY_API_SECRET= // Cloudinary API secret
CLOUDINARY_CLOUD_NAME= // Cloudinary cloud name
SMTP_HOST= // mail.example.com
SMTP_PORT= // 587
EMAIL_USERNAME= // [email protected]
EMAIL_PASSWORD= // Password
HOME_URL= // http://localhost:3000
GITHUB_CLIENT_ID= // Client id for GitHub OAuth app
GITHUB_CLIENT_SECRET= // Client secret for GitHub OAuth app
In the root directory run both the backend and the front end with the following command
$ npm run dev
The app should launch automatically, enjoy playing around 😄
Screenshots
Support
Reach out to me at one of the following places!
- Email at
[email protected]
- More socials coming soon
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].