CBill-Frontend

CBill-Frontend is the frontend of the WebApp we made for a courier company we worked as part timers!

Various components involved in this app are,

• Dashboard

  

  This Dashboard component consist of the search box for tracking down the courier status.

  The courier status consists of the following details

  • Where the courier is Originated From?
  • Where the courier has currently reached?
  • Has the courier reached its destination or not?
  • When the courier reached the specific branch? ( date and time )
  • How the courier reached the specific branch? ( by road / train / air etc... )

---

- `Cash`  > The Cash component allows us to `book` couriers based on cash paying clients! > > The `input` fields are helpful in `filling` in the `repetetive` details like `from`, `courier number`, `phone` etc...

---

- `CashTiles`  > Cash Tiles are the actual forms that are to be filled to `book` the details of the courier. > > The repetetive details are already filled in every tiles and each tile has it's own `state`. > > There are various `interactions` that can be made with the tiles - `Add` a new tile. - `Delete` a tile.

---

- `Credit`  > The Credit component allows to have a look through the `credit clients` of the company. > > Every credit client of the company are listed in `sorted` order and `search` bar allows us to search clients on the go. > > Once we click on a specific credit company tile, we will be redirected to the `partyBook` component.

---

- `PartyBook`  > The partyBook component consist of various other components, namely - `Frequent Parties` > Lists the frequent parties of the specific credit clien. - `Booked couriers` > Lists the already booked couriers of the specific credit client. - `PartyPage` > Allows to book couriers the same way we do in the cash compoenent.

---

- `Records`  > Every booked courier details are listed in the records component > > This allows has been implemented with the `Infinite Scroll` methodology to load `additional records` with every scroll. > > Various functionalities with records are, - `Edit` on the go. - `Delete` with confirmation `popup`.

---

- `Editable Records`  > Edit the records `on the go` without much effort and efficiently as well.