Instagram Clone

A React-based Instagram-inspired UI clone built with Create React App. The project recreates a polished social media layout with a navbar, profile section, image posts, a modal preview for each post, and a footer.

Demo Assets

The project includes supporting demo files in the demonstration folder:

• Screenshot: demonstration/image.png
• Demo video: demonstration/Instagram.mp4

Features

• Instagram-style profile layout
• Sample post cards with likes and comments
• Interactive modal for viewing a selected post
• Responsive and visually polished UI
• Built with reusable React components

Tech Stack

• React
• Create React App
• CSS for styling

Getting Started

1. Install dependencies:

   npm install

2. Start the development server:

   npm start

3. Open http://localhost:3000 to view the app in your browser.

Available Scripts

• npm start - Runs the app in development mode
• npm test - Launches the test runner
• npm run build - Builds the app for production

Project Structure

• src/App.js - Main app layout and post modal logic
• src/Navbar.js - Top navigation bar
• src/Profile.js - Profile section
• src/Post.js - Individual post card component
• src/Modal.js - Post preview modal
• src/Footer.js - Footer section

Notes

This is a front-end UI clone and does not connect to the real Instagram API or backend services.