0

React-Instagram-Clone-2.0

带有一些新功能的响应式单页面 Instagram 克隆！！- 不再维护。「A reactive Single-Page Instagram-Clone with some new features!! 💪📸👓 - No longer maintained.」

Github repo
Main metrics

Github stars Tracking Chart

React-Instagram-Clone-2.0

一个具有一些新功能的反应式单页 Instagram-Clone !!

不再维护。 但它的确可用。

其他版本

PHP 版本

快速链接

  1. 要求
  2. 用法
  3. Todo
  4. 贡献
  5. 图像版权声明

这是一个视频，将带您参观这个项目。

注意：录制此视频后进行了许多改进。

IMAGE ALT TEXT HERE

Overview

Name With OwneryTakkar/React-Instagram-Clone-2.0
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 3)
PlatformLinux, Mac, Windows
License:MIT License
Release Count0
Created At2018-02-07 16:26:57
Pushed At2023-12-09 07:21:48
Last Commit At2021-12-27 17:18:10
Stargazers Count1k
Watchers Count66
Fork Count455
Commits Count217
Has Issues Enabled
Issues Count87
Issue Open Count23
Pull Requests Count3
Pull Requests Open Count10
Pull Requests Close Count5
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

React-Instagram-Clone-2.0

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

No longer maintained. But it works

Another Version

PHP Version

Quick liks

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

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

Note: Many improvements were done after recording this video.

IMAGE ALT TEXT HERE

Requirements

  1. GraphicsMagick for Image-processing.

Usage

  1. Fork the repo and then clone it or download it.

  2. First install all dependencies:

    # with npm
npm install

# or with yarn
yarn

  3. Open PHPMyAdmin, create a DB & import db.sql file.

  4. 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'
ADMIN_PASSWORD='password-for-admin'

  5. For front-end layer of this app to get access to env variables defined in .env file, run

    yarn env

  6. Start the server

    npm start [OR] yarn start

  7. Now run the app

    localhost:[PORT] (PORT=defined in .env)

Todo

  • More image filters
  • Search
  • Block members
  • Hashtag feature
  • Mention members
  • JSDoc & comments
  • Admin system
  • Show if member is online
  • Show all online members (whome you've followed)
  • Description with react-helmet for SEO
  • Some serious code refactoring
  • Crush some bugs
  • Remove jQuery
  • UI testing
  • Folder restructuring
  • Performance optimization (Code Splitting, Image Lazyload, etc.)
  • Express routes testing
  • Like comments
  • Upgrade packages
  • Story feature
  • Show mutual likes, comments & shares

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

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]










To the top