Add complete Frontend for application

Author: VinayKanase

lib/constants.dart

@@ -89,7 +89,7 @@ const kNoteInputFieldDecoration = InputDecoration(
 );
 
 // Button height
-const kBottomContainerHeight = 25.0;
+const kBottomContainerHeight = 50.0;
 
 // Button text Style
 const kButtonTextStyle = TextStyle(

lib/helpers/note_manager.dart

@@ -62,4 +62,30 @@ class NoteManager {
     }
     return null;
   }
+
+  void upateNoteFromId(
+      {required String title,
+      required String note,
+      required int backgroundColor,
+      required int textColor,
+      required String date,
+      required int id}) {
+    for (var currentNote in notesList) {
+      if (currentNote.id == id) {
+        currentNote.title = title;
+        currentNote.note = note;
+        currentNote.date = date;
+        currentNote.backgroundColor = backgroundColor;
+        currentNote.textColor = textColor;
+        return;
+      }
+    }
+  }
+
+  void deleteNoteFromId(int noteId) {
+    for (int index = 0; index < notesList.length; index++) {
+      if (notesList[index].id == noteId) notesList.removeAt(index);
+    }
+    return;
+  }
 }

lib/screens/edit_note_screen.dart

@@ -20,12 +20,14 @@ class _EditNoteState extends State<EditNote> {
   @override
   void initState() {
     super.initState();
-    if (widget.isNew) {
+    if (widget.isNew == false) {
       for (var i = 0; i < kBackgroundColors.length; i++) {
         if (widget.selectedNote?.backgroundColor == kBackgroundColors[i]) {
           selectedColorIndex = i;
         }
       }
+      title = widget.selectedNote?.title ?? '';
+      note = widget.selectedNote?.note ?? '';
     }
   }
 
@@ -65,10 +67,14 @@ class _EditNoteState extends State<EditNote> {
             Padding(
               padding: const EdgeInsets.fromLTRB(20, 30, 20, 20),
               child: TextField(
+                keyboardType: TextInputType.multiline,
+                maxLines: null,
                 controller: TextEditingController(
-                    text: widget.isNew ? widget.selectedNote?.title : ''),
+                    text: widget.isNew ? title : widget.selectedNote?.title),
                 style: TextStyle(color: Color(kTextColors[selectedColorIndex])),
-                decoration: kInputFieldDecoration,
+                decoration: kInputFieldDecoration.copyWith(
+                    fillColor: Color(kTextColors[selectedColorIndex])
+                        .withOpacity(0.15)),
                 onChanged: (value) {
                   title = value;
                 },
@@ -78,15 +84,17 @@ class _EditNoteState extends State<EditNote> {
               padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
               child: TextField(
                 controller: TextEditingController(
-                    text: widget.isNew ? widget.selectedNote?.note : ''),
+                    text: widget.isNew ? note : widget.selectedNote?.note),
                 onChanged: (String value) {
                   note = value;
                 },
                 keyboardType: TextInputType.multiline,
                 style: TextStyle(color: Color(kTextColors[selectedColorIndex])),
                 minLines: 10,
                 maxLines: null,
-                decoration: kNoteInputFieldDecoration,
+                decoration: kNoteInputFieldDecoration.copyWith(
+                    fillColor: Color(kTextColors[selectedColorIndex])
+                        .withOpacity(0.15)),
               ),
             ),
             const Padding(
@@ -107,27 +115,29 @@ class _EditNoteState extends State<EditNote> {
             ),
             Padding(
               padding: const EdgeInsets.all(20.0),
-              child: TextButton(
-                style: TextButton.styleFrom(
-                  backgroundColor: kSecondaryColor,
-                  textStyle: const TextStyle(
-                    color: Colors.white,
-                    fontSize: 16,
-                    fontWeight: FontWeight.bold,
-                  ),
-                ),
-                onPressed: () {},
-                child: BottomButton(
-                  text: widget.isNew ? 'Add' : 'Update',
-                  onClick: () {
-                    Navigator.pop(context, {
-                      "title": title,
-                      "note": note,
-                      "colorIndex": selectedColorIndex,
-                      "date": dateToday
-                    });
-                  },
-                ),
+              child: BottomButton(
+                backgroundColor: kSecondaryColor,
+                text: widget.isNew ? 'Add' : 'Update',
+                onClick: () {
+                  Navigator.pop(context, {
+                    "title": title,
+                    "note": note,
+                    "colorIndex": selectedColorIndex,
+                    "date": dateToday,
+                    "id": widget.selectedNote?.id,
+                  });
+                },
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.fromLTRB(20, 0, 20, 10),
+              child: BottomButton(
+                backgroundColor: Colors.red,
+                text: widget.isNew ? 'Remove' : 'Delete',
+                onClick: () {
+                  Navigator.pop(context,
+                      {"isDelete": true, "id": widget.selectedNote?.id});
+                },
               ),
             ),
           ],

lib/screens/home_screen.dart

@@ -18,18 +18,33 @@ class Home extends StatefulWidget {
 
 class _HomeState extends State<Home> {
   NoteManager noteManager = NoteManager();
-  void onClickNote(int noteId) {
+  void onClickNote(int noteId) async {
     Note? selectedNote = noteManager.getNoteFromId(noteId);
     if (selectedNote == null) return;
-    Navigator.push(
+    var updatedNote = await Navigator.push(
       context,
       MaterialPageRoute(
         builder: (context) => EditNote(
-          isNew: true,
+          isNew: false,
           selectedNote: selectedNote,
         ),
       ),
     );
+    if (updatedNote != null) {
+      setState(() {
+        if (updatedNote['isDelete'] == true) {
+          noteManager.deleteNoteFromId(updatedNote['id']);
+          return;
+        }
+        noteManager.upateNoteFromId(
+            title: updatedNote['title'],
+            note: updatedNote['note'],
+            backgroundColor: kBackgroundColors[updatedNote['colorIndex']],
+            textColor: kTextColors[updatedNote['colorIndex']],
+            date: updatedNote['date'],
+            id: updatedNote['id']);
+      });
+    }
   }
 
   @override
@@ -75,6 +90,7 @@ class _HomeState extends State<Home> {
           );
           if (newNoteData != null) {
             setState(() {
+              if (newNoteData['isDelete'] == true) return;
               noteManager.addNewNote(
                   title: newNoteData['title'],
                   note: newNoteData['note'],

lib/widgets/bottom_button.dart

@@ -6,16 +6,19 @@ class BottomButton extends StatelessWidget {
     Key? key,
     required this.onClick,
     required this.text,
+    required this.backgroundColor,
   }) : super(key: key);
   final String text;
   final VoidCallback onClick;
+  final Color backgroundColor;
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
       onTap: onClick,
       child: Container(
+        decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(10), color: backgroundColor),
         alignment: Alignment.center,
-        color: kSecondaryColor,
         margin: const EdgeInsets.only(top: 10),
         width: double.infinity,
         height: kBottomContainerHeight,

lib/widgets/note_card_widget.dart

@@ -5,12 +5,12 @@ import 'package:flutterkeep/helpers/note.dart';
 class NoteCard extends StatelessWidget {
   final Note noteData;
   final Function onClick;
-  NoteCard({super.key, required this.noteData, required this.onClick});
+  const NoteCard({super.key, required this.noteData, required this.onClick});
 
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
-      onTap: () => onClick(noteData.id),
+      onTap: () async => await onClick(noteData.id),
       child: Card(
         color: Color(noteData.backgroundColor),
         shape: RoundedRectangleBorder(

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -5,6 +5,8 @@
 import FlutterMacOS
 import Foundation
 
+import sqflite
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin"))
 }

pubspec.lock

@@ -114,6 +114,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.9.0"
+  sqflite:
+    dependency: "direct main"
+    description:
+      name: sqflite
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  sqflite_common:
+    dependency: transitive
+    description:
+      name: sqflite_common
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.3.0"
   stack_trace:
     dependency: transitive
     description:
@@ -142,6 +156,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.1.1"
+  synchronized:
+    dependency: transitive
+    description:
+      name: synchronized
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.0+3"
   term_glyph:
     dependency: transitive
     description:
@@ -165,4 +186,4 @@ packages:
     version: "2.1.2"
 sdks:
   dart: ">=2.18.1 <3.0.0"
-  flutter: ">=1.17.0"
+  flutter: ">=3.3.0-0"

pubspec.yaml

@@ -36,6 +36,7 @@ dependencies:
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
   staggered_grid_view_flutter: ^0.0.4
+  sqflite: ^2.1.0
 
 dev_dependencies:
   flutter_test: