https://github.com/201harsh/instagram-clone

Instagema Clone
https://github.com/201harsh/instagram-clone

insta-clone instageam-clone instagram reactjs

Last synced: about 16 hours ago
JSON representation

Instagema Clone

• Host: GitHub
• URL: https://github.com/201harsh/instagram-clone
• Owner: 201Harsh
• Created: 2025-01-10T02:21:16.000Z (3 days ago)
• Default Branch: main
• Last Pushed: 2025-01-10T02:42:08.000Z (3 days ago)
• Last Synced: 2025-01-10T03:26:06.847Z (3 days ago)
• Topics: insta-clone, instageam-clone, instagram, reactjs
• Language: JavaScript
• Homepage: https://201harsh.github.io/Instagram-Clone/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Instagram Clone

A React-based clone of the popular social media platform Instagram.

## Features

- User authentication using username and password

- User profile page with profile picture, bio, and posts

- Media posting with image and video upload

- Social interaction including follow/unfollow, like/unlike, and search users

- Dynamic feed of posts from followed users

- Responsive design optimized for mobile and desktop views

## Tech Stack

### Frontend

- React.js for dynamic, component-based UI

- Tailwind CSS for fast and responsive styling

### Backend

- LocalStorage for user data management (simplified for demo purposes)

## Setup

1. Clone the repository: `git clone https://github.com/201Harsh/Instagram-Clone.git`

2. Install dependencies: `npm install`

3. Start development server: `npm start`

4. Open in browser: `http://localhost:3000`

## Usage

1. Register for an account: Enter a username and password to create a new account

2. Login: Enter your registered username and password to log in

3. Edit profile: Update your profile picture, bio, and other personal information

4. Post images and videos: Share images or videos with your followers

5. Follow/unfollow: Follow other users to see their posts in your feed. You can unfollow at any time

6. Like/unlike posts: Like or unlike posts by clicking the like button

7. Search users: Use the search bar to find other users by username

## Contributing

Contributions are welcome! If you have suggestions or want to help improve the project, feel free to create a pull request. Before submitting major changes, please open an issue to discuss your ideas.

### Guidelines

1. Ensure that all new features and fixes include tests

2. Keep code clean and well-documented

3. Follow best practices for React and JavaScript development