Skip to content

Latest commit

 

History

History
42 lines (31 loc) · 2.8 KB

README.md

File metadata and controls

42 lines (31 loc) · 2.8 KB

Kamisato Records

Code Description

Startup Screen

This Flutter application is a slambook application that allows users to add and view details of their friends. I revolved around the theme of Genshin Impact, which is similar to my previous exercise. The application uses Flutter's Navigator for the backend routing and navigation, and ThemeData for frontend styling of UI elements (primaryColor, scaffoldBackgroundColor, textTheme, appBarTheme, and inputDecorationTheme).

Features

  1. Style Experimentation: From the previous exercise, I decided to try out a light blue colored theme for the entire UI. Most containers, buttons, and columns have adjusted styles like rounded corners, centered icons, and text.
  2. Custom Font Integration: I imported the Lexend font using the Google Fonts package to replace the default font (Flutter.dev, 2024).
  3. RegEx & Catching Same Names: Implemented a RegEx checker for whitespace only cases (e.g. " ") of Names and Nicknames and catch for submitting forms that have the same name already. It can be assumed that one person cannot have the same name.
  4. Dynamic List Generation: I utilized the ListView.builder to dynamically generate the current list of friends.
  5. Friend Summary Screen: Created a FriendSummary stateless widget to display detailed information about a selected friend.
  6. Backend Routing: Added navigations and centered its Navigator.pushNamed functions around the DrawerWidget in drawer.dart. The SlamBookForm is responsible for adding friends using widget.friendsList.add.

Routing Layout

Routing Layout

How to Run Code

  • Open Command Prompt or Windows Powershell.
  • Navigate to the project directory.
  • Run the following lines:
cd kamisato
flutter emulator --launch "Pixel_API"
flutter run

Sample Run

Sample Run

References