Welcome to the Angular Online Course Project! This project is designed to showcase the use of various technologies including Angular 16, PrimeNG, Tailwind CSS, RxJS, and SignalR to build a feature-rich online course platform. Below, you'll find a comprehensive guide on how to set up and use this project.
The Angular Online Course Project is a web application that provides a platform for users to access and manage online courses. It incorporates the latest technologies to deliver a smooth and intuitive learning experience. Whether you're a student or an instructor, this platform caters to your needs.
- Angular 16
- RxJS
- SignalR
- PrimeNG
- Tailwind CSS
- Engaging landing page to introduce the platform.
- Promotes featured courses and provides quick access to the course catalog.
- Attractive design with Tailwind CSS styling.
- Secure user authentication with Angular forms.
- User-friendly signup process to create an account.
- User login with email and password for access to personalized content.
- Personalized dashboard for each user.
- Displays enrolled courses, course progress, and recommendations.
- Utilizes RxJS for reactive updates and seamless user experience.
- Integrated video player for course content.
- Supports streaming and playback controls.
- Utilizes Angular 16 for a responsive and dynamic interface.
- Shopping cart for course purchases.
- Add and remove courses from the cart.
- Seamless checkout process.
Before you can run this project, ensure you have the following software installed:
- Node.js and npm (Node Package Manager)
- Angular CLI
- Visual Studio Code or any code editor of your choice
-
Clone this repository to your local machine.
git clone https://github.com/mostafamiri74/angular-online-course.git
-
Navigate to the project directory.
cd angular-online-course -
Install the project dependencies.
npm install
-
Start the development server.
ng serve
-
Open your browser and navigate to
http://localhost:4200/to access the application.
Upon visiting the site, you will be greeted with an engaging landing page showcasing featured courses and an option to explore the course catalog.
To access personalized content and enroll in courses, you can sign up for a new account or log in with your existing credentials.
Once logged in, you will be directed to your personalized dashboard, where you can view your enrolled courses, track your progress, and receive course recommendations.
Inside the course pages, you will find an integrated video player that allows you to stream course content seamlessly. The player is designed for a great viewing experience.
Browse the course catalog and add courses to your cart. When ready, proceed to the cart for checkout and payment.