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.