0

React-Instagram-Clone-2.0

一个具有一些新功能的反应式单页 Instagram-Clone !!（A reactive Single-Page Instagram-Clone with some new features!! ）

Official Site
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 Ownermarcelotduarte/cx_Freeze
Primary LanguagePython
Program languageJavaScript (Language Count: 4)
PlatformLinux, Mac, Windows
License:Other
Release Count77
Last Release Namev0.14.2 (Posted on )
First Release Namev0.0.1 (Posted on 2012-11-27 15:37:46)
Created At2017-01-22 04:25:52
Pushed At2024-04-17 16:39:08
Last Commit At2024-03-20 15:46:46
Stargazers Count1.2k
Watchers Count27
Fork Count207
Commits Count1.9k
Has Issues Enabled
Issues Count923
Issue Open Count56
Pull Requests Count1218
Pull Requests Open Count4
Pull Requests Close Count54
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