Coursa - Learning Management System

Abdulrahman othman

UX Engineer

Frontend Engineer

Web Developer

React

Tailwind CSS

TypeScript

Coursa is a cutting-edge eCommerce platform for courses, designed to seamlessly connect educators and learners. With its robust features and modern tech stack, Coursa offers a comprehensive solution for managing courses, users, and other essential functionalities, making it the ultimate platform for online education.

Features

📊 Interactive Dashboard

👥 User Management

📚 Course Management

⭐ Reviews & Ratings

Tech Stack

Directory Structure

Features

📊 Interactive Dashboard

Analytics & Progress Tracking: Monitor course performance and user engagement.

User Metrics: Insights into learner activity and preferences.

Revenue Insights: Real-time earnings data for instructors.

Dynamic Statistics: Visual and actionable metrics.

👥 User Management

Role-Based Access Control: Admin, Instructor, and Student roles with tailored permissions.

Comprehensive Profiles: Manage personal details and activity.

Secure Authentication: Robust login and signup system powered by Next-Auth.

📚 Course Management

Effortless Creation & Editing: Tools for instructors to design and manage courses.

Organized Content: Streamlined categorization and content structuring.

Category Management: Organize courses by topics and themes.

Progress Tracking: Visual progress indicators for learners.

⭐ Reviews & Ratings

Interactive Rating System: Enable students to rate courses.

Student Feedback: Collect and display reviews to improve courses.

Dynamic Review Components: Engaging UI for feedback collection.

Tech Stack

Frontend Framework: [Next.js] 15+

Language: TypeScript

Styling: Tailwind CSS

UI Components:

Radix UI

Shadcn/ui

Lucide Icons

State Management: React Hooks

Authentication: Next-Auth

Directory Structure

`/src/`

`├── app/`

`│ ├── admin/`

`│ │ ├── dashboard/`

`│ │ │ ├── page.tsx`

`│ │ │ ├── courses/`

`│ │ │ │ ├── category/`

`│ │ │ │ │ ├── page.tsx`

`│ │ │ │ ├── new/`

`│ │ │ │ │ ├── page.tsx`

`│ │ │ │ ├── layout.tsx`

`│ │ │ │ ├── page.tsx`

`│ │ │ ├── members/`

`│ │ │ │ ├── page.tsx`

`│ │ │ ├── layout.tsx`

`│ │ │ ├── page.tsx`

`│ ├── courses/`

`│ │ ├── [category]/`

`│ │ │ │ ├── [course]/`

`│ │ │ │ │ ├── page.tsx`

`│ │ │ │ ├── page.tsx`

`│ │ │ ├── layout.tsx`

`│ │ │ ├── page.tsx`

`│ ├── login/`

`│ │ ├── page.tsx`

`│ ├── signup/`

`│ │ ├── page.tsx`

`│ ├── profile/`

`│ │ ├── courses/`

`│ │ │ ├── page.tsx`

`│ │ ├── instructor/`

`│ │ │ ├── page.tsx`

`│ │ ├── massage/`

`│ │ │ ├── page.tsx`

`│ │ ├── reviews/`

`│ │ │ ├── page.tsx`

`│ │ ├── settings/`

`│ │ │ ├── page.tsx`

`│ │ ├── layout.tsx`

`│ │ ├── page.tsx`

`│ ├── globals.css`

`│ ├── layout.tsx`

`│ ├── page.tsx`

`├── components/`

`├── constants/`

`├── hooks/`

`├── lib/`

`├── types/`

Like this project

Posted Jan 22, 2025

Coursa is a cutting-edge eCommerce platform for courses, designed to seamlessly connect educators and learners. With its robust features and modern tech stack,

Likes

Views