Home page

Figure 1. TeachingHub Frontend Homepage
Users may access the majority of the view pages without logging in. When users access the TeachingHub application for the first time without signup, they will see the Course Search option on the home page and see the top courses and the top 10 latest courses.
Course categories menu

Figure 2. TeachingHub Frontend Course Category Menu
On the left side of the home page, a course menu with a drop-down menu includes categories and subcategories. Category and subcategory Select a specific category. Can view all courses in the department at once.
Course Search bar

Figure 3. TeachingHub Frontend search bar
Users can find a course using the search box above. Can use the search bar to locate the required courses.
Cart page

When users add their favorite courses to their add to cart, the cart page displays all the courses added to their add to cart.
Sign Up page

Figure 5. TeachingHub Sign up page
Login page

Figure 6. TeachingHub Log in Page
There are two buttons on the right side of the home page. the first is to log in. The second is to sign up. If a user already has an account, they do not need to sign up again. Users can purchase the course if they have an account.
Top courses
Figure 7. TeachingHub Top Course
On the home page are featured top courses. Users quickly find suitable courses.
Top 10 Latest courses

Figure 8. TeachingHub Latest Course
The top 10 latest courses the added to the home page. Users can select the most recent courses and purchases by signing up.
Course filter page

Figure 9. TeachingHub Course Filter Page
Users can filter Categories, Price, Level, Language, usage courses before signing up to TeachingHub and purchasing courses.
Course List view

Figure 10. TeachingHub Course List View
If the user wants to see all the courses on the course page in a list, they can see it using the list-icon at the top.
Course grid view

Figure 11. TeachingHub Course Grid
If users want to see all the courses on the course page in a grid, they can see it using the grid icon above.
Course details page

Figure 12. TeachingHub Course Details Page
A user can view the course details page. Course ratings, curriculum, course requirements, course description, course previews, and can learn about the instructor without signing up.
About page

Figure 13. TeachingHub About Page
The user can learn about the TeachingHub application without signing up by visiting the 'about page' in the menu below.
Refund policy

Figure 14. TeachingHub Refund Policy
Users may learn about the TeachingHub application's refund policy without signing up by visiting the 'Refund policy page' in the footer menu.
Privacy policy page

Figure 15. TeachingHub Frontend Privacy Policy
The user can check the TeachingHub application's privacy policy without signing up by visiting the 'privacy policy page' in the menu below.
Terms and condition page

Figure 16. TeachingHub Frontend Terms and Conditions
Users will be able to visit the Terms and Conditions page without signing up.
Language Change section

Figure 17. TeachingHub Frontend Language Change
Users can also change the language of the website to their chosen one.
