https://github.com/basmasalim/course-platform-ui
ITLegend based on the provided Figma design
https://github.com/basmasalim/course-platform-ui
angular19 bootstrap5 css3 figma html5
Last synced: 9 months ago
JSON representation
ITLegend based on the provided Figma design
- Host: GitHub
- URL: https://github.com/basmasalim/course-platform-ui
- Owner: basmasalim
- Created: 2025-04-22T20:57:12.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2025-04-23T19:12:31.000Z (9 months ago)
- Last Synced: 2025-04-25T15:08:43.919Z (9 months ago)
- Topics: angular19, bootstrap5, css3, figma, html5
- Language: TypeScript
- Homepage: https://course-platform-ui-gamma.vercel.app
- Size: 20.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎓 ITLegend Course Player Page
This is a front-end implementation of the **Course Player Page** for ITLegend based on the provided Figma design.
## 📌 Overview
The page displays:
- A top section for the **course title** and instructor name.
- A **video player area** showing the main course video.
- A sidebar with a list of **course lessons** and duration.
- A section for **course materials** (icons with descriptive labels).
- A clean and responsive layout consistent with the original design.
## 🖼️ Figma Design
You can view the original design here:
👉 [Figma Course Page Design](https://www.figma.com/design/M6RfSjHqm6glEN1BQR1WFl/ITLegend-Course-Player-Page-Test?node-id=0-1&p=f&t=DknV9ZRb6hs7VOmN-0)
## 🛠️ Technologies Used
- **Angular 19+**
- **HTML5**
- **CSS**
- **Bootstrap 5**
- **Responsive Design Techniques**