Coursa - Learning Management System by Abdulrahman othmanCoursa - Learning Management System by Abdulrahman othman

Coursa - Learning Management System

Abdulrahman othman

UX Engineer

Frontend Engineer

Web Developer

React

Tailwind CSS

TypeScript

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

Tags

UX Engineer

Frontend Engineer

Web Developer

React

Tailwind CSS

TypeScript

Featured on

Best Arabic-speaking Tailwind CSS freelancers to hire in 2026 Best Arabic-speaking TypeScript freelancers to hire in 2026 Best Arabic-speaking freelance UX Engineers to hire in 2026

Abdulrahman othman

Frontend Dev with Eye for Design 🎨 & Functionality

SELECT 2.0 Project Documentation

Vestiura

Abdulrahman Othman Portfolio

Light Blue Dashboard

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/`