A web application for browsing and viewing online courses and their authors, built with AngularJS.
See the app: https://course-viewer.netlify.app
CourseViewer is a single-page application that provides an interface for exploring courses and authors. The application features:
- Course Browser: Browse available courses with detailed information
- Author Profiles: View author biographies and their course listings
- Course Details: Access course modules, descriptions, and discussions
- User Authentication: Login system with user status management
- Responsive Design: Bootstrap-powered UI for cross-device compatibility
- Frontend: AngularJS 1.x
- UI Framework: Bootstrap 3.x
- Routing: UI-Router for client-side navigation
- Authentication: Custom security module
- HTTP Client: jQuery for AJAX requests
CourseViewer/
├── App/ # Demo/example components
├── Content/ # CSS styles (Bootstrap + custom)
├── Scripts/ # JavaScript dependencies
├── course-viewer/ # Main application code
│ ├── author/ # Author-related components
│ ├── course/ # Course-related components
│ ├── app-module.js # Main application module
│ └── *.component.js # Shared components
└── Index.html # Main HTML entry point
- Course listing and search
- Detailed course information
- Course modules and curriculum
- Recent courses tracking
- Author profiles and biographies
- Author course listings
- Author navigation
- User authentication
- Discussion system for courses
- Responsive navigation
- Clone the repository
- Open
CourseViewer/Index.htmlin a web browser - Or serve the files using a local web server for development
The application follows a component-based architecture with:
- Route-based components for main views
- Reusable UI components
- Service layer for API communication
- Centralized state management through services