A feature-rich Udemy Clone built using React with Vite. This project replicates core functionalities of the Udemy platform, offering an interactive and responsive user interface for online course browsing, purchase, and management.

• User-friendly interface inspired by Udemy's design
• Course browsing and search functionality
• Responsive layout for desktop and mobile devices
• Dynamic routing for course details
• State management using modern React patterns

• Node.js: Ensure you have Node.js installed. Download Node.js
• Vite: This project is built with Vite, which will be installed as part of dependencies.

1. Clone the repository:

   git clone git@github.com:utkarsh032/Udemy.git
   cd udemy-clone

2. Install dependencies:

   npm install

1. Start the development server:

   npm run dev

2. Open your browser and navigate to:

   http://localhost:5173
   

To create an optimized build for deployment:

npm run build

Serve the dist folder using any static file server.

Add a screenshot of your homepage UI in the path-to-homepage-image.png location or update the path with the actual image location.

• Defined a dedicated route for accessing course details.
• Ensured proper integration with the backend to fetch and display course data.

• Created a left sidebar for navigation through course sections.
• Included responsive design for better usability.

• Integrated a video player for streaming course videos.
• Added basic playback controls like play, pause, and seek.

• Designed a right sidebar to display the course content.
• Implemented a list view for easy access to lessons and materials.

• Developed an overview section to provide a summary of the course.
• Displayed key details such as instructor, duration, and prerequisites.

Included sample data for:

• Course sections
• Video URLs
• Lesson details