https://github.com/sh4dowbyte/flutter_ui_live_score
Flutter Live Score UI is a mobile application developed using Flutter, designed to display live sports scores with a modern and responsive user interface. This project is a result of slicing a design created in Figma, focusing on visual details and delivering an optimal user experience.
https://github.com/sh4dowbyte/flutter_ui_live_score
android figma flutter flutter-ui ios mobile-app slicing-design-to-code slicing-ui
Last synced: 2 months ago
JSON representation
Flutter Live Score UI is a mobile application developed using Flutter, designed to display live sports scores with a modern and responsive user interface. This project is a result of slicing a design created in Figma, focusing on visual details and delivering an optimal user experience.
- Host: GitHub
- URL: https://github.com/sh4dowbyte/flutter_ui_live_score
- Owner: sh4dowByte
- License: other
- Created: 2024-11-23T08:00:23.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-02T04:56:28.000Z (6 months ago)
- Last Synced: 2025-03-21T09:17:17.221Z (2 months ago)
- Topics: android, figma, flutter, flutter-ui, ios, mobile-app, slicing-design-to-code, slicing-ui
- Language: Dart
- Homepage:
- Size: 26.6 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Flutter Live Score UI
Flutter Live Score UI is a mobile application developed using Flutter, designed to display live sports scores with a modern and responsive user interface. This project is a result of slicing a design created in Figma, focusing on visual details and delivering an optimal user experience. The app serves as a reference for building live score applications with an attractive UI and high performance.
## 🎨 Design
The design of this application is based on the provided Figma file. The slicing process was carried out meticulously to ensure the application accurately represents the design.
## 🚀 Feature
- **Responsive Design**: Supports various screen sizes with responsive UI elements.
- **Seamless Navigation**: Implements navigation using Flutter Navigator.
- **Reusable Components**: Modular components for easier development and maintenance.
## 🛠️ Technologies
This project is built using the following technologies:
- **[Flutter](https://flutter.dev/)**: A framework for cross-platform application development.
- **[Dart](https://dart.dev/)**: The primary programming language for Flutter.
- **[Google Fonts](https://fonts.google.com/)**: For custom font integration.
- **[Figma](https://www.figma.com/)**: Used as the application's design reference.
## 📂 Folder Structure
```plaintext
.
├── assets/ # Contains images, icons, and other assets
├── lib/
│ ├── config/ # Application configuration (theme, routes, etc.)
│ ├── screens/ # Main application pages
│ ├── widgets/ # Reusable UI components
│ ├── main.dart # Main application file
└── pubspec.yaml # Flutter project configuration
```
## 🖼️ Screenshot
|  |  |  |
| -------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- | ---------------------------------------------- |
|  |  |  |
|  |  |  |
|  |  | |
|  | | |
## License
This project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0).
You are free to use this project for personal or educational purposes, but commercial use is not allowed.
For more details, refer to the [full license text](LICENSE).
## Disclaimer
The design of this application is based on a free Figma template available in the Figma Community, originally created by **[Odama Studio and Rohmad_ K]**. All rights to the original design are retained by the respective creator. This implementation is intended solely for educational and non-commercial purposes.
This project utilizes a design sourced from the Figma Community, created by **[Odama Studio and Rohmad_ K]**. Licensing terms of the original design may apply. Please review the original Figma design [here](https://www.figma.com/community/file/936495139689782604) to ensure compliance with its terms before utilizing this project in any capacity.