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