Instagram Clone
A pixel-perfect UI replica of Instagram built with Flutter, showcasing advanced UI development skills
Project Overview
A clean and functional UI replica of the Instagram app built using Flutter. The project demonstrates strong understanding of Flutter's widget tree, layout system, and navigation structure.
Key components include the home feed, stories carousel, bottom navigation bar, and profile screen all crafted with responsive design principles. This project helped sharpen cross-platform UI development skills while building a visually appealing and user-friendly interface.
Key Features
Home Feed
Scrollable feed with posts, likes, comments, and share functionality, built with custom widgets.
Stories Carousel
Interactive stories section with circular profile avatars and progress indicators.
Profile Screen
Complete user profile with grid layout for posts, followers count, and edit profile options.
Search & Explore
Search functionality with trending posts and discover new content recommendations.
Post Creation
UI for creating new posts with image selection, filters, and caption input.
Responsive Design
Optimized for various screen sizes with adaptive layouts and smooth animations.
App Screenshots
Technical Implementation
Architecture & Structure
- Modular widget architecture for maintainability
- Custom navigation system with bottom bar
- State management using Provider pattern
- Responsive design principles for all screen sizes
Key Widgets & Components
- Custom AppBar with search functionality
- Interactive Stories carousel with progress indicators
- Post grid layout for profile screen
- Bottom navigation with smooth transitions