• add candle stick and line graph in company page
• all the price recorded in stockhistory is same so while in development it'll be straight line (need trail testing)
• bar chart is easy to added (can be done later

have to check with custom stock history data and in trail test as well

• x-axis shows up weird numbers for now due to time format (can we remove x-axis ?)
• the complete output of charts is not up to the level as of now (can redo everything in vanilla canvas in flutter if we have time)

screenshots

Right now we are only printing errors with print statements. It will become hard to debug as the project grows in size. Everything in console looks blue 😢. It's hard to see where errors are printed

Features:

• Use go_router for navigation
  • Has easy api for navigating between pages
  • Has features for stuff like Redirection, Nested Navigation etc
  • Checkout the docs to get started
• Remove # from web urls. Docs link
• Switch between bottom bar and side drawer for app and web.
• Change url when switching between screens in DalalHome. Docs link
• Handle manual url input in browser and tab refresh using Navigator Builder

Changes:

• Used Navigator Builder instead of builder field in MaterialApp widget for executing common app logic
• Refactored code for showing menu items in bottom bar and home bottom sheet
• Changed fromSplash to manualLogout in DalalLoggedOut state for easier understanding
• Removed SplashPage as its not needed anymore. Navigator Builder achieves the required functionality well

Fixes:

• on DalalLogOut event: call unsubscribeFromGlobalStreams() only if GlobalStreams was registered

Todos:

• In some places Navigator.push() is still used. I changed for the ones needed during testing. Other can change for the pages they are working on
• Redirection: go router has a pretty decent api for redirection. Can be done easily. See docs
• Used basic Material Drawer for side drawer. Need to implement ui in figma

Do tell if i should add more comments or better explain the logic in any place.

In this PR :

• Added custom component called DalalLoadingBar
• used package called lottie to show loading animation using json file
• Screen Recording of implementation : https://photos.app.goo.gl/7NEehAKVKuukpnNK6

• Created Companies Bloc for Streaming of Stock Prices
• Added Responsiveness using LayoutBuilder
• Added Subscribe and Unsubscribe Cubit for handling subscription of rpc streams
• Added GetStockList Bloc to get initial List of Stocks
• Created basic UI for Home Page accordingly
• Commented out Dalal App Icon Image from landing page because auth and landing pages are not responsive , they are overflown in many screens.

• Users can Mortgage the stocks they own for some quick cash
• Contains a list of all the game stocks with the mortgage value per stock
• Refer to relevant components in dalal-street-web

Example usages of grpc clients

Action Client

Future<void> usingActionClient() async {
  final LoginResponse resp = await actionClient.login(LoginRequest(email: '[email protected]', password: 'sfmdsfd'));
  if (resp.statusCode == LoginResponse_StatusCode.OK) {
    print('User logged in');
  } else {
    print('Error');
  }
}

Stream Client

// Subscribe to the stream using helper functions like listen
void usingStreamClient1() {
  final stream = streamClient.getNotificationUpdates(SubscriptionId(id: 'xyz'));
  stream.listen((value) => print('New notification value: $value'));
}

// Iterate over the values of stream using await for loop
Future<void> usingStreamClient2() async {
  final stream = streamClient.getNotificationUpdates(SubscriptionId(id: 'xyz'));
  // When the loop body ends, the function is paused until the next value arrives or the stream is done
  await for (final value in stream) {
    print('New notification value: $value');
  }
}

created a bunch of re-useable shimmer widgets which can be used as visual indicators that data is being loaded for different layouts.

list_image_view

expanded_image_view

text_view

• add crt file to config.json

this is how config should be in prod stage

{ 
    "mobile": {
        "host":"dalal.pragyan.org/server",
        "port": 443
    },
    "web": {
        "host":"dalal.pragyan.org/envoy",
        "port": 443
    },
    "TLScert": "assets/tls_keys/docker/server.crt"
}

• typically users spend most of their time in this page
• player can place limit, market, stoploss buy and sell orders for each companies here
• order book will be shown in the form of market depth (shows the open ask and bid orders in order book)
• this page includes the last 10 transaction for each company in transaction history tab
• all the orders placed by the user will be shown in this page and user's can cancel them(before matching)
• stock history and trends will be shown in this page for all the companies seperately
• check out /trade page for demo