Kurslab_Client Tailwind Templates

Kurslab_client

KursLab is a responsive Angular 17 frontend built with PrimeNG and Tailwind CSS, offering an intuitive UI for course browsing, enrollment, and instructor content management.

Introduction Welcome to the Education Platform Frontend! This is the frontend application for the KursLabAPI project, providing an interactive and user-friendly interface for an online educational platform.

Backend --> https://github.com/MustafaSungur/Kurslab_API

Features:

  • User Authentication: Users can register, log in, and manage their profiles.
  • Course Exploration: Browse and filter courses based on categories and tags.
  • Course Interaction: Watch videos, rate courses, and leave comments.
  • Instructor Panel: Instructors can upload and manage their own courses.
  • Admin Panel: Administrators can manage users, courses, categories, and tags.
  • Responsive Design: Built with Angular 17, Tailwind CSS, and PrimeNG for a seamless experience across devices.

Technologies Used:

  • Angular 17
  • PrimeNG
  • Tailwind CSS

Project Structure

frontend/
├── src/ # Main source folder
│   ├── app/ # Main application folder
│   │   ├── core/ # Core functionalities and services
│   │   │   ├── directives/ 
│   │   │   ├── guards/ 
│   │   │   ├── pipes/ 
│   │   │   ├── services/ 
│   │   │   ├── strategies/ 
│   │   ├── ui/ # UI components and pages
│   │   │   ├── admin/  
│   │   │   ├── auth/ 
│   │   │   ├── instructor/ 
│   │   │   ├── main/ 
│   │   │   ├── page404/ 
│   │   │   ├── shared/ # Shared UI components
│   │   │   ├── unauthorized/ 
│   │   ├── app.component.css 
│   │   ├── app.component.html 
│   │   ├── app.component.spec.ts 
│   │   ├── app.component.ts 
│   │   ├── app.config.ts 
│   │   ├── app.routes.ts 
│   ├── assets/ 
│   ├── environments/ 
│   ├── favicon.ico 

Screenshots:

  1. Home Page
  2. Register
  3. Login
  4. Explore Courses
  5. Courses Filter
  6. Course Watching Page
  7. Course Rating
  8. Course Comments
  9. Profile Page
  10. Update Profile
  11. Courses Management (Instructor Panel)
  12. Course Upload (Instructor Panel)
  13. Course update (Instructor Panel)
  14. Course Analytics (Instructor Panel)
  15. Courses Analytics (Instructor Panel)
  16. User Management (Admin Panel)
  17. User Management (Admin Panel)
  18. User Comments (Admin Panel) -
  19. Courses Analysis (Admin Panel)
  20. Courses Details (Admin Panel)
  21. Course Comment (Admin Panel)
  22. Category and Tag Management (Admin Panel)
  23. Create Category (Admin Panel)
  24. Create Category (Admin Panel)
  25. Tag Management (Admin Panel)

Top categories

Loading Svelte Themes