React Instagram Clone 2 0

Abstract

1. Introduction

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

2. Objective

A reactive Single-Page Instagram-Clone with some new features!! 💪📸👓 - No longer maintained.

This project demonstrates how JavaScript, React, Redux can be applied to a real-world Full Stack Web Development problem.

4. Technology Stack

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

• Node.js (LTS) and npm
• A modern web browser
• VS Code or any code editor
• Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/yTakkar/React-Instagram-Clone-2.0.git
cd React-Instagram-Clone-2.0

1. Fork the repo and then clone it or download it.
2. First install all dependencies:
3. Open PHPMyAdmin, create a DB & import db.sql file.
4. Create a .env file and insert the following code. Replace values with yours!!
5. For front-end layer of this app to get access to env variables defined in .env file, run
6. Start the server
7. Now run the app

# with npm
    npm install

    # or with yarn
    yarn

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'

yarn env

npm start [OR] yarn start

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

• Add role-based access control
• Deploy on a VPS or cPanel hosting with a custom domain
• Add automated tests and a CI pipeline

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

1. Explain the frontend, backend and database layers of this application.
2. How is user authentication and authorisation implemented?
3. Describe the main database tables / collections and their relationships.
4. Which REST APIs or routes are exposed and what do they return?
5. How would you deploy this application to production?

9. Source Code & License

This project is developed by yTakkar and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.