-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
da4c0c7
commit 2a4168d
Showing
6 changed files
with
121 additions
and
35 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,16 +1,70 @@ | ||
# note_app | ||
# ποΈ Notes App | ||
|
||
A new Flutter project. | ||
The **Notes App** is a mobile application designed to help users create, manage, and organize their notes efficiently. Developed as part of a training course, this app is intended for educational purposes and provides a clean and user-friendly interface for note-taking. | ||
|
||
## Getting Started | ||
## β¨ Features | ||
|
||
This project is a starting point for a Flutter application. | ||
- **Responsive and Elegant Design**: Provides a seamless user experience across various devices. | ||
- **Create Notes**: Easily create new notes with a title and content. | ||
- **Edit Notes**: Update and modify existing notes as needed. | ||
- **Delete Notes**: Remove notes you no longer need. | ||
|
||
A few resources to get you started if this is your first Flutter project: | ||
## πΈ Screenshots | ||
|
||
- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab) | ||
- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook) | ||
<div style="display: flex; gap: 10px; justify-content: space-between;"> | ||
<img src="assets/screenshots/1.png" alt="Home Screen" style="width: 32%;"> | ||
<img src="assets/screenshots/2.png" alt="Note Details" style="width: 32%;"> | ||
<img src="assets/screenshots/3.png" alt="Note Details" style="width: 32%;"> | ||
</div> | ||
|
||
For help getting started with Flutter development, view the | ||
[online documentation](https://docs.flutter.dev/), which offers tutorials, | ||
samples, guidance on mobile development, and a full API reference. | ||
## π οΈ Technologies Used | ||
|
||
- **Flutter**: The primary framework used for building the app. | ||
- **Dart**: The programming language employed for development. | ||
- **State Management**: Utilizes reactive programming techniques for efficient state management. | ||
|
||
## π Learning Outcomes | ||
|
||
Through this project, I have gained practical experience in: | ||
|
||
- Structuring code into distinct layers to separate concerns. | ||
- Applying state management techniques for building responsive and efficient UIs. | ||
- Debugging and optimizing Flutter applications to improve performance. | ||
|
||
## π¦ Packages Used | ||
|
||
- **[flutter_bloc](https://pub.dev/packages/flutter_bloc)**: ^8.1.2 | ||
- **[hive_flutter](https://pub.dev/packages/hive_flutter)**: ^1.1.0 | ||
- **[font_awesome_flutter](https://pub.dev/packages/font_awesome_flutter)**: ^10.4.0 | ||
- **[modal_progress_hud_nsn](https://pub.dev/packages/modal_progress_hud_nsn)**: ^0.3.0 | ||
|
||
## π Course Details | ||
|
||
- **Course Name**: [Complete Flutter & Dart Development Course [Arabic]](https://www.udemy.com/course/best-and-complete-flutter-course-for-beginners/?couponCode=JUST4U02223) | ||
- **Instructor**: [Tharwat Samy](https://www.udemy.com/user/tharwat-samy) | ||
- **Certificate Issued To**: [Ayman Al-khatib](https://www.udemy.com/certificate/UC-15bb6cfc-d00c-4ad9-bbd9-5439a95a4bb8) | ||
|
||
## π Getting Started | ||
|
||
To get a local copy up and running, follow these steps: | ||
|
||
### Prerequisites | ||
|
||
- **Flutter SDK**: [Installation Guide](https://flutter.dev/docs/get-started/install) | ||
- **Dart SDK**: Included with Flutter. | ||
- **Code Editor**: Use VSCode, Android Studio, or any preferred code editor. | ||
|
||
### Installation | ||
|
||
1. Clone the repository: | ||
```sh | ||
git clone https://github.com/Ayman-Al-Khatib/notes_app.git | ||
2. Navigate into the project directory: | ||
```sh | ||
cd notes_app | ||
3. Install the dependencies: | ||
```sh | ||
flutter pub get | ||
4. Run the application: | ||
```sh | ||
flutter run |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters