Instagram Feed Clone (Flutter)

This project is a pixel-perfect recreation of the Instagram Home Feed built using Flutter.

The goal of this assignment was to replicate the Instagram feed UI, including interactions and smooth scrolling behavior.

---

Features Implemented

• Instagram style Stories tray with gradient rings
• Scrollable post feed
• Carousel posts with horizontal swipe
• Dot indicator for multiple images
• Pinch-to-zoom interaction on images
• Like button toggle
• Save (bookmark) toggle
• Shimmer loading skeleton while content loads
• Infinite scrolling feed (pagination)
• Responsive UI similar to Instagram

---

State Management

This project uses Flutter's built-in StatefulWidget with setState() for state management.

The following states are handled:

• Like button state
• Save button state
• Current carousel image index
• Infinite scroll pagination
• Loading state for shimmer animation

This lightweight approach keeps the architecture simple while maintaining clear UI updates.

---

Project Structure

lib/ ├ main.dart ├ home_page.dart ├ controller.dart assets/ └ Billabong.otf

• main.dart → App entry point
• home_page.dart → Instagram feed UI
• controller.dart → Mock data for stories and posts

---

How to Run the Project

1. Clone the repository

git clone https://github.com/VBasawaraj/instagram-feed.git

2. Navigate into the project

cd instagram-feed

3. Install dependencies

flutter pub get

4. Run the application

flutter run