This project is a React application that allows users to browse a list of courses, view detailed information about specific courses, and (optionally) manage their enrolled courses as a student.
Features
- Course Listing Page: a. Fetches a list of courses from a sample data source (or API). b. Displays courses in a scrollable list with basic information. c. Allows searching courses based on name and instructor. d. Enables navigation to individual course detail pages.
- Course Details Page: a. Displays detailed information about a selected course. b. Includes course name, instructor, description, enrollment status, duration, schedule, location, prerequisites, and syllabus. c. Student Dashboard: e. Shows a list of courses the student is enrolled in. f. Displays course name, instructor name, thumbnail (if available), due date (if applicable), and a progress bar. g. Allows students to mark courses as completed (locally or with server interaction).
Technologies Used
- React/ vite
- React Router DOM (for navigation)
- Node js for backend
Setup Instructions
- Clone this repository.
- Install dependencies: npm install
- Start the development server: npm run dev (The application will be running at [http://localhost:5173])
- start the backend:
-
(The backend will be running at [http://localhost:3000]))
cd backend npm start server
Running the Application Follow the setup instructions above.
Bonus Features (Optional) enrollment page room for making a page for teacher for creating the new course
video of the website running https://github.com/jiya10208/ProjectCourses/blob/main/CourseX%20-%20Google%20Chrome%202024-06-28%2013-16-45.mp4