---
# System prepended metadata

title: Code Directory

---

# Code Directory

#### Structure
    ├── SLS-M09-BookingSystem
        ├── CoreApp                                                 # All codes goes here
            ├── CoreApp.Data                                        #
            ├── CoreApp.Setup                                       #
            ├── CoreApp.Web                                         #
                ├── ClientApp                                       #
                    ├── public                                      #
                        ├── static                                  #
                            ├── images                              #
                                ├── cloudplus_logo.png              #
                        ├── cloudplus.ico                           #
                        ├── favicon.ico                             #
                        ├── index.html                              #
                        ├── manifest.json                           #
                    ├── src                                         #
                        ├── components                              #
                            ├── controls                            #
                                ├── ActionButton.js                 #
                                ├── Button.js                       #
                                ├── Checkbox.js                     #
                                ├── Controls.js                     #
                                ├── DatePicker.js                   #
                                ├── Input.js                        #
                                ├── RadioGroup.js                   #
                                ├── Select.js                       #
                            ├── Buttons.js                          #
                            ├── GlobalStyles.js                     #
                            ├── Logo.js                             #
                            ├── Page.js                             #
                            ├── Popup.js                            #
                            ├── StatusChips.js                      #
                            ├── useForm.js                          #
                        ├── dialogs                                 #
                            ├── BookingSystemForm                   #
                                ├── TopComponent.js                 #
                                ├── TopComponentAdminPending.js     #
                                ├── TopComponentApprove.js          #
                                ├── TopComponentEditEmpty.js        #
                                ├── TopComponentEmpty.js            #
                                ├── TopComponentPending.js          #
                                ├── TopComponentReject.js           #
                                ├── TopComponentStaffPending.js     #
                                ├── billofLanding.js                #
                            ├── CustomerWarehouseCompleted.js       #
                            ├── CustomerWarehousePending.js         #
                            ├── CustomerWarehouseRejected.js        #
                            ├── ShipperConsignee.js                 #
                            ├── ShipperConsigneeEdit.js             #
                            ├── ShipperConsigneeEmpty.js            #
                            ├── ShipperConsigneeNoEdit.js           #
                            ├── component3EditEditable.js           #
                            ├── component3Editable.js               #
                            ├── component3NoEdit.js                 #
                            ├── component3NoEditForAdmin.js         #
                            ├── component3NoEditForStaff.js         #
                            ├── newBookingChoiceDialog.js           #
                            ├── summaryBookingChoice.js             #
                            ├── transferWarehouseDialog.js          #
                        ├── layouts                                 #
                            ├── DashboardLayout                     #
                                ├── NavBar                          #
                                    ├── AccountMenu.js              #
                                    ├── NavItem.js                  #
                                    ├── index.js                    #
                                ├── TopBar.js                       #
                                ├── index.js                        #
                            ├── DashboardLayoutAdmin                #
                                ├── NavBarAdmin                     #
                                    ├── AccountMenu.js              #
                                    ├── NavItem.js                  #
                                    ├── index.js                    #
                                ├── TopBar.js                       #
                                ├── index.js                        #
                            ├── DashboardLayoutCustomer             #
                                ├── NavBarCustomer                  #
                                    ├── AccountMenu.js              #
                                    ├── NavItem.js                  #
                                    ├── index.js                    #
                                ├── TopBar.js                       #
                                ├── index.js                        #
                            ├── DashboardLayoutStaff                #
                                ├── NavBarStaff                     #
                                    ├── AccountMenu.js              #
                                    ├── NavItem.js                  #
                                    ├── index.js                    #
                                ├── TopBar.js                       #
                                ├── index.js                        #
                            ├── MainLayout                          #
                                ├── TopBar.js                       #
                                ├── index.js                        #
                        ├── mixins                                  #
                            ├── chartjs.js                          #    
                        ├── theme                                   #
                            ├── index.js                            #
                            ├── shadows.js                          #
                            ├── typography.js                       #
                        ├── utils                                   #
                            ├── getInitials.js                      #
                        ├── views                                   #
                            ├── account                             #
                                ├── AccountView                     #
                                    ├── Profile.js                  #
                                    ├── ProfileDetails.js           #
                                    ├── index.js                    #
                            ├── adminCargo                          #
                            ├── adminSummary                        #
                            ├── adminViewAcc                        #
                            ├── adminViewBooking                    #
                            ├── adminViewOrder                      #
                            ├── adminViewPH                         #
                            ├── analytics                           #
                            ├── auth                                #
                            ├── bookingLayoutCustomer               #
                            ├── cargoSummaryCustomer                #
                            ├── customer                            #
                            ├── dashboardView                       #
                            ├── errors                              #
                            ├── faq                                 #
                            ├── home                                #
                            ├── orderlist                           #
                            ├── product                             #
                            ├── profileAdmin                        #
                            ├── profileStaff                        #        
                            ├── settings                            #
                            ├── staffCargo                          #
                            ├── staffViewBooking                    #
                            ├── staffViewOrder                      #
                        ├── App.js                                  #
                        ├── index.js                                #
                        ├── routes.js                               #
                        ├── serviceWorker.js                        #
                    ├── .editorconfig                               #
                    ├── .env.example                                #
                    ├── .gitignore                                  #
                    ├── License.md                                  #
                    ├── jsconfig.json                               #
                    ├── package-lock.json                           #
                    ├── package.json                                #
                ├── Controllers/BookingSystem                       #
                ├── EmailTemplate                                   #
                ├── Helpers                                         #
                ├── Models/BookingSystem                            #
                ├── Properties                                      #
                ├── Service                                         #
                ├── tempBookingFile                                 #
                ├── .gitignore                                      #
                ├── CoreApp.Web.csproj                              #            
                ├── CoreAppDbContext                                #
                ├── Program.cs                                      #
                ├── README.md                                       #
                ├── Startup.cs                                      #
                ├── Web UI Design v1.1.pdf                          #
                ├── appsettings.Development.json                    #
                ├── appsettings.json                                #
                ├── webUiDesignGuidelines.pdf                       #
            ├── CoreApp.sln                                         #
            ├── CoreDatabase.db                                     #
            ├── Team7ERD(PNG).png                                   #
            ├── Team7ERD(VDX).vdx                                   #
        ├── node_modules                                            #
        ├── .gitignore                                              #
        ├── README.md                                               #
        ├── package-lock.json                                       #
        ├── package.json                                            #
      