|
1 |
| - |
| 1 | + |
| 2 | + |
| 3 | +<p align="center"> |
| 4 | + <img src="https://github.com/sh4dowByte/flutter_ui_meditation_app/actions/workflows/main.yaml/badge.svg?branch=release" alt="CI/CD Badge" style="max-width: 100%;"> |
| 5 | + <img src="https://badgen.net/badge/Flutter/3.19.3/blue" alt="Flutter Version" style="max-width: 100%;"> |
| 6 | + <img src="https://badgen.net/badge/Dart/3.3.1/blue" alt="Dart Version" style="max-width: 100%;"> |
| 7 | +</p> |
| 8 | + |
| 9 | +# Flutter Meditation App UI |
| 10 | + |
| 11 | +Flutter Meditation App UI is a mobile application built using Flutter. This project is a result of slicing a design created in Figma, with a focus on a modern and responsive user interface to deliver an optimal user experience. |
| 12 | + |
| 13 | +## 🎨 Design |
| 14 | + |
| 15 | +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. |
| 16 | + |
| 17 | +Source: [Figma File by Afsar](https://www.figma.com/community/file/882888114457713282) |
| 18 | + |
| 19 | +## 🚀 Feature |
| 20 | + |
| 21 | +- **Responsive Design**: Supports various screen sizes with responsive UI elements. |
| 22 | +- **Dark & Light Theme**: Provides both dark and light modes for a more comfortable user experience. |
| 23 | +- **Seamless Navigation**: Implements navigation using Flutter Navigator. |
| 24 | +- **Reusable Components**: Modular components for easier development and maintenance. |
| 25 | + |
| 26 | +## 🛠️ Technologies |
| 27 | + |
| 28 | +This project is built using the following technologies: |
| 29 | + |
| 30 | +- **[Flutter](https://flutter.dev/)**: A framework for cross-platform application development. |
| 31 | +- **[Dart](https://dart.dev/)**: The primary programming language for Flutter. |
| 32 | +- **[Google Fonts](https://fonts.google.com/)**: For custom font integration. |
| 33 | +- **[Figma](https://www.figma.com/)**: Used as the application's design reference. |
| 34 | + |
| 35 | +## 📂 Folder Structure |
| 36 | + |
| 37 | +```plaintext |
| 38 | +. |
| 39 | +├── assets/ # Contains images, icons, and other assets |
| 40 | +├── lib/ |
| 41 | +│ ├── config/ # Application configuration (theme, routes, etc.) |
| 42 | +│ ├── screens/ # Main application pages |
| 43 | +│ ├── widgets/ # Reusable UI components |
| 44 | +│ ├── main.dart # Main application file |
| 45 | +└── pubspec.yaml # Flutter project configuration |
| 46 | +``` |
| 47 | + |
| 48 | +## 🖼️ Screenshot |
| 49 | + |
| 50 | +| Light Theme | Dark Theme | |
| 51 | +| ---------------------------------------------- | ---------------------------------------------- | |
| 52 | +|  |  | |
| 53 | +|  |  | |
| 54 | +|  |  | |
| 55 | +|  |  | |
| 56 | +|  |  | |
| 57 | +|  |  | |
| 58 | +|  |  | |
| 59 | +|  |  | |
| 60 | +|  |  | |
| 61 | +|  |  | |
| 62 | +|  |  | |
| 63 | +|  |  | |
| 64 | +|  |  | |
| 65 | + |
| 66 | +## 📝 License |
| 67 | + |
| 68 | +This project is licensed under the [MIT License](LICENSE). |
| 69 | + |
| 70 | +--- |
| 71 | + |
| 72 | +🎉 **Happy developing!** If you have any questions, feel free to reach out to us. |
0 commit comments