Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dixpatel009/instagramhomepage
Instagram Home Page
https://github.com/dixpatel009/instagramhomepage
dart flutter instagram provider provider-state-management ui
Last synced: about 2 months ago
JSON representation
Instagram Home Page
- Host: GitHub
- URL: https://github.com/dixpatel009/instagramhomepage
- Owner: DixPatel009
- Created: 2024-05-24T11:19:02.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-25T12:28:59.000Z (8 months ago)
- Last Synced: 2024-07-30T19:12:09.432Z (5 months ago)
- Topics: dart, flutter, instagram, provider, provider-state-management, ui
- Language: Dart
- Homepage:
- Size: 150 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Instagram Home Screen
## Getting Started
This project is a simple implementation of an Instagram-like home screen, showcasing a feed of posts. It is designed as a task to demonstrate proficiency in Flutter development using dart language.
# Features
Feed Display: Show a list of posts with images, video, user names, and captions.
Post Interactions: Includes UI elements for likes, comments, and sharing (non-functional for this task).
Profile Picture: Displays user profile pictures next to their posts.
User Interface: Designed to mimic the Instagram home screen layout.
Screenshot:
![Splace Screen](https://github.com/DixPatel009/InstagramHomePage/assets/35864649/814f0551-9f66-4c51-a8b7-9a3271ee52d4)
![Home Screen](https://github.com/DixPatel009/InstagramHomePage/assets/35864649/13b4d434-5722-4729-a03d-57d3f2d2365e)
![Home Screen](https://github.com/DixPatel009/InstagramHomePage/assets/35864649/539108e7-662e-4dd1-8105-f45ad8c59625)## Requirements
Flutter 2.0+
Dart 2.12+
## Installation
1. Clone the repository:
https://github.com/DixPatel009/InstagramHomePage.git2. Navigate to the project directory:
cd InstagramHomePage3. Install dependencies:
flutter pub get4. Run the project:
flutter run## Usage
Feed Screen: Displays a list of posts similar to Instagram's home feed.
Interaction Buttons: Although non-functional for this task, the UI includes buttons for liking, commenting, and sharing posts.