Component Box labeled > Client

Within the Client Component Box, there are components as follows:

• > Web Browser
• > Client Session
• > Traveler Portfolio
• > Graphic Library

Component Box labeled > Server

Within the Server Component Box, there are components as follows:

• > Authentication Server
• > Server Session
• > Traveler Database
• > Mongoose ODM

Component Box labeled > Database

Within the Database Component Box, there is a component as follows:

• > MongoDB

The Web Browser component has a line connecting to the Traveler Portfolio component and the Client Session component. Along the connecting line, there is a circle with a short stick and a semi-circle that surrounds the circle on three sides, which denotes a required interface. The semi-circle is open on the Traveler Portfolio component side.

The Traveler Portfolio component has a line connecting to the Graphic Library component. Along the connecting line, there is a circle with a short stick and a semi-circle that surrounds the circle on the Graphic Library component side, which denotes a required interface. The semi-circle is open on the Traveler Portfolio component side.

The Traveler Portfolio component has a line connecting to the MongoDB component. Along the connecting line, there is a circle with a short stick and a semi-circle that surrounds the circle on the Traveler Portfolio component side, which denotes a required interface. The semi-circle is open on the MongoDB component side.

The MongoDB component has a line connecting to the Mongoose ODM component. Along the connecting line, there is a circle with a short stick and a semi-circle that surrounds the circle on the Mongoose ODM component side, which denotes a required interface. The semi-circle is open on the MongoDB component side.

The Mongoose ODM component has a line connecting to the Server Session component. Along the connecting line, there is a circle with a short stick and a semi-circle that surrounds the circle on the Server Session component side, which denotes a required interface. The semi-circle is open on the Mongoose ODM component side.

The Server Session component has a line connecting to the Traveler Database component. Along the connecting line, there is a circle with a short stick and a semi-circle that surrounds the circle on the Server Session component side, which denotes a required interface. The semi-circle is open on the Traveler Database component side.

The Server Session component has a line connecting to the Client Session component. Along the connecting line are the following:

• A square box
• A circle with a short stick and a semi-circle that surrounds the circle on the Client Session component side, which denotes a required interface. The semi-circle is open on the Server Session component side.
• A second square box

The Client Session component has a line connecting to the Authentication Server component. Along the connecting line are the following:

• A square box
• A circle with a short stick and a semi-circle that surrounds the circle on the Client Session component side, which denotes a required interface. The semi-circle is open on the Authentication Server component side.
• A second square box

> Client > Server > > 2 Authentication Server Client Session > > Web Browser Traveler Portfolio > Server Session > Graphic Library > Traveler Database > Database > I > MongoDB Mongoose ODM > Client > Server > > 2 Authentication Server Client Session > > Web Browser Traveler Portfolio > Server Session > Graphic Library > Traveler Database > Database > I > MongoDB Mongoose ODM