Skip to content

CaioQuirinoMedeiros/instagram

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 

Repository files navigation

Instagram Web Clone





Features

  • MongoDB as database
  • Real-time with Socket.io
  • Image upload with multer

API

It's a simple "Instagram" application. The user can upload a photo with some infos, others users can see that post and like it as much as they want, all in real-time.

It uses socket.io to make it a real-time application

Setting up

  1. Setup a mongoDB instance. You can do this on your own, but here are the steps to do it with docker:

    •  docker pull mongo
    •  docker run -d -p 27017:27017 -p 28017:28017 mongo
  2. Enter project directory:

  cd web_instagram
  1. Set the Mongo connection URL as an environment variable (use .env.example to create a .env file)

  2. Run server in development:

  yarn dev

WEB

This project is the a instagram's like web app. Users can post a photo with location, description and hashtags. They can leave as many likes as they want!

Setting up

  1. Enter project directory:
  cd web_instagram
  1. Create a .env file based on the .env.example file and fill in the REACT_APP_API_URL environment variable (it should be http://localhost:3000)

  2. Install the dependencies:

  yarn install
  1. Run in development mode:
  yarn start

This is a ReactJS project, bootstrapped with Create React App