diff --git a/.idea/libraries/Dart_SDK.xml b/.idea/libraries/Dart_SDK.xml index 80195d0..0fa7395 100644 --- a/.idea/libraries/Dart_SDK.xml +++ b/.idea/libraries/Dart_SDK.xml @@ -1,17 +1,28 @@ - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + diff --git a/.idea/misc.xml b/.idea/misc.xml index 35f789f..8c74d5a 100644 --- a/.idea/misc.xml +++ b/.idea/misc.xml @@ -1,4 +1,3 @@ - - + @@ -204,20 +204,30 @@ + + - - - - - - - - - - - - - - - - - - - - - + + - - - - - - - - - - - - - - - - - - diff --git a/README.md b/README.md index 6b99706..5bcaed3 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,73 @@ # FlutterFacebook -Facebook Mobile App UI Components cloned using Flutter. Feel free to add your own or use these components in your projects. +A Flutter project that clones Facebook Mobile App UI components. This project demonstrates how to build modern, responsive social media UI elements using Flutter framework. + +## Features + +- Facebook-style post cards +- User stories implementation +- Custom icons using IcoMoon font +- Responsive layout design +- Cross-platform compatibility (iOS & Android) ## Demo -![](Demo.gif "Demo") +![Facebook UI Clone Demo](Demo.gif "Demo") + +## Getting Started + +### Prerequisites + +- Flutter SDK +- Android Studio/VS Code with Flutter plugin +- iOS Simulator (for Mac users) or Android Emulator + +### Installation + +1. Clone the repository +```bash +git clone https://github.com/yourusername/FlutterFacebook.git +``` + +2. Navigate to project directory +```bash +cd FlutterFacebook +``` + +3. Install dependencies +```bash +flutter pub get +``` + +4. Run the app +```bash +flutter run +``` + +## Project Structure + +- `lib/`: Contains the main source code + - `main.dart`: Entry point of the application + - `facebook_post_card.dart`: Facebook post UI component + - `user_stories.dart`: Stories feature implementation + - `create.dart`: Post creation UI +- `assets/fonts/`: Custom icon fonts + +## Contributing + +Feel free to: +1. Fork the repository +2. Create your feature branch (`git checkout -b feature/AmazingFeature`) +3. Commit your changes (`git commit -m 'Add some AmazingFeature'`) +4. Push to the branch (`git push origin feature/AmazingFeature`) +5. Open a Pull Request + +## License + +This project is open-source and available for learning purposes. Feel free to use these components in your own projects. + +## Acknowledgments + +- Facebook UI design inspiration +- Flutter framework and community +- Contributors who help improve this project