Cloning Udemy

This project is a clone of Udemy, built using React.js. It aims to replicate the functionality and design of the popular online learning platform.

Overview

Udemy is a widely-used platform for online learning, offering a vast array of courses on various subjects. This project attempts to recreate the user experience of Udemy, focusing on two main pages: the home page and the course page.

Features

Home Page

• The home page serves as the entry point to the website.
• It showcases featured courses
• It includes a search feature that allows users to search for specific courses based on keywords or topics of interest.
• Users can browse through various categories and discover new courses.

Course Page

• The course page provides detailed information about a specific course.
• Users can view course previews, read descriptions, and check reviews.
• It includes options for enrolling in courses and accessing course materials.

Demo

Home Page

first_page.mp4

Course Page

second_page.mp4

Responsive Design

The pages are designed to be responsive, ensuring a seamless experience across different devices and screen sizes.

first_page_responsive.mp4

second_page_responsive.mp4

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Mohammed-Salama/Cloning_Udemy.git
   
   

2. Navigate to the project directory:

   cd Cloning_Udemy
   
   

3. Install dependencies:

   npm install
   
   

4. Start the development server:

   npm start
   

5. Open your browser and navigate to http://localhost:3000