Skip to content

dijer119/React-Instagram-Clone-2.0

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

43 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React-Instagram-Clone-2.0

A reactive Single-Page Instagram-Clone with some new features developed with MERN stack!!

Another Version

PHP Version

Quick liks

  1. Requirements
  2. Usage
  3. Contribute
  4. Image Copyright Claims

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

IMAGE ALT TEXT HERE

Requirements

  1. GraphicsMagick for Image-processing.

Usage

  1. First install all dependencies:

    # with npm
    npm install
    
    # or with yarn
    yarn
  2. Open PHPMyAdmin, create a DB & import db.sql file.

  3. Create a .env file and insert the following code. Replace values with yours!!

    PORT=YOUR_PORT
    SESSION_SECRET_LETTER="anything-secret"
    MYSQL_HOST="host"
    MYSQL_USER="user"
    MYSQL_PASSWORD="password"
    MYSQL_DATABASE="db"
    MAIL="your-email-for-sending email-verification-link"
    MAIL_PASSWORD="password-for-email"
    GOOGLE_GEOLOCATION_KEY='google-geolocation-key'
  4. Start the server

    npm start [OR] yarn start
  5. Now run the app

    localhost:[PORT] PORT=4300 (By default)
    
  6. For front-end layer of this app to get access to env variables defined in .env, run

yarn env
  1. Enjoy!!

Contribute

Show your support by ๐ŸŒŸ the project!!

Feel free to contribute!

Image 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

About

A reactive Single-Page Instagram-Clone with some new features developed with MERN stack!! ๐Ÿ’ช๐Ÿ“ธ๐Ÿ‘“

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 81.3%
  • CSS 17.0%
  • HTML 1.7%