*/}
+//
+//
+//
+//
Special title treatment
+//
With supporting text below as a natural lead-in to additional content.
+//
+//
+//
+// {/*
*/}
+//
+//
+//
+//
Special title treatment
+//
With supporting text below as a natural lead-in to additional content.
+//
+//
+//
+// {/*
*/}
+//
+//
+//
+//
Special title treatment
+//
With supporting text below as a natural lead-in to additional content.
+//
+//
+//
+//
+// {/*
*/}
+//
+//
+//
Special title treatment
+//
With supporting text below as a natural lead-in to additional content.
+//
+//
+//
+//
+//
+
+//
+// {/*
*/}
+// {/*
+//
About the course
+//
+//
Overview
+//
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum doloremque quasi et nemo vel totam. Tempore, ipsam. Repellat tempore blanditiis nihil possimus fugiat aliquam aliquid iure quaerat incidunt reprehenderit quis illum nam saepe, ab laboriosam hic sit quibusdam, magni eveniet? Fugit necessitatibus cum laboriosam delectus maxime aperiam id, perferendis placeat ipsam exercitationem a dolor dolorum magni ipsa aspernatur pariatur fugiat tenetur modi vitae. Reiciendis, ducimus pariatur ipsum ex repudiandae repellat neque nulla rem iste debitis ea consequatur voluptatum nemo possimus cumque ullam, totam, quos veniam quam esse sequi! Quibusdam vero inventore consequuntur autem natus saepe necessitatibus porro nostrum atque quam.
+//
+//
+//
About the course
+//
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa nam, iusto itaque reiciendis voluptatem ab, error at quaerat accusamus perferendis similique nisi magni dignissimos dicta asperiores est dolores earum? Unde ea assumenda, ducimus, sapiente, nulla laudantium quam exercitationem soluta voluptatem tenetur possimus aut modi doloremque natus blanditiis iusto! Nesciunt, est?
*/}
+// {/*
*/}
+//
+
+//
+//
+//
Syllabus
+//
+//
Module 0
+//
+//
+// lesson 0
+// lesson 1
+// lesson 2
+//
+//
+//
Module 1
+//
+//
+// lesson 0
+// lesson 1
+// lesson 2
+//
+//
+//
+//
+//
+
+//
+// {/*
*/}
+//
+//
About the Insturctor
+//
+//
Overview
+//
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum doloremque quasi et nemo vel totam. Tempore, ipsam. Repellat tempore blanditiis nihil possimus fugiat aliquam aliquid iure quaerat incidunt reprehenderit quis illum nam saepe, ab laboriosam hic sit quibusdam, magni eveniet? Fugit necessitatibus cum laboriosam delectus maxime aperiam id, perferendis placeat ipsam exercitationem a dolor dolorum magni ipsa aspernatur pariatur fugiat tenetur modi vitae. Reiciendis, ducimus pariatur ipsum ex repudiandae repellat neque nulla rem iste debitis ea consequatur voluptatum nemo possimus cumque ullam, totam, quos veniam quam esse sequi! Quibusdam vero inventore consequuntur autem natus saepe necessitatibus porro nostrum atque quam.
+//
+//
+//
About the course
+//
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa nam, iusto itaque reiciendis voluptatem ab, error at quaerat accusamus perferendis similique nisi magni dignissimos dicta asperiores est dolores earum? Unde ea assumenda, ducimus, sapiente, nulla laudantium quam exercitationem soluta voluptatem tenetur possimus aut modi doloremque natus blanditiis iusto! Nesciunt, est?
+//
+
+
+// {/*
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
+//
+//
TITLE HEADING
+//
Title description, Sep 2, 2017
+//
Image
+//
Some text..
+//
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
*/}
+//
+//
+//
Unlimited access at
+//
Rs 999/-
+//
+//
+//
+//
+//
+//
This course includes:
+//
+// Sharable certificate
+// 100% online course
+// Flexible Schedule
+// Appoximately 4 months to complete
+//
+//
+// {/*
+// Enroll Now
+//
*/}
+//
+//
+//
Course is offered by:
+// Harvard University
+//
+// {/*
Some text about me in culpa qui officia deserunt mollit anim..
*/}
+// {/*
More Text
+//
Lorem ipsum dolor sit ame.
+//
Image
+//
Image
+//
Image
*/}
+//
+//
+
+
+//
+// )
+// }
+
+// export default Courseinfo
diff --git a/src/components/Courses.jsx b/src/components/Courses.jsx
index afb7d8f..86ff849 100644
--- a/src/components/Courses.jsx
+++ b/src/components/Courses.jsx
@@ -1,13 +1,74 @@
-import React from 'react'
-import '../css/Courses.css'
-import Nav from './Nav'
+import React, { useEffect, useState } from 'react'
+import Card from './Card'
+import classes from '../css/Courses.module.css'
+import { connect } from 'react-redux'
+import { useParams } from 'react-router-dom'
+
+const Courses = ({userDetails}) => {
+ const { query } = useParams();
+ const [courses, setCourses] = useState([])
+ useEffect( () => {
+ fetch('https://learnpedia-backend-ci.azurewebsites.net/api/courses')
+ .then((response) => response.json())
+ .then((data) => {
+ setCourses(data)
+ });
+ }, [])
+ console.log(courses);
+
+ const searchCourses = (query) => {
+ fetch(`https://learnpedia-backend-ci.azurewebsites.net/api/search?query=${query}`)
+ .then((response) => response.json())
+ .then((data) => {
+ console.log(data);
+ setCourses(data)
+ });
+ }
+
+ useEffect( () => {
+ if(query){
+ fetch(`https://learnpedia-backend-ci.azurewebsites.net/api/search?query=${query}`)
+ .then((response) => response.json())
+ .then((data) => {
+ console.log(data);
+ setCourses(data)
+ });
+ } else {
+ fetch('https://learnpedia-backend-ci.azurewebsites.net/api/courses')
+ .then((response) => response.json())
+ .then((data) => {
+ setCourses(data)
+ });
+ }
+
+ }, [query])
+
+
-const Courses = () => {
return (
<>
-
Courses
+
+
+ {courses.map(course => {
+ return (
+
+
)
}
-export default Courses
\ No newline at end of file
+const mapStateToProps = state => {
+ console.log(state);
+ return {
+ userDetails: state.learnpedia
+}
+}
+
+
+const mapDispatchToProps = dispatch => ({})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Courses)
\ No newline at end of file
diff --git a/src/components/CoursesTable.jsx b/src/components/CoursesTable.jsx
new file mode 100644
index 0000000..2263593
--- /dev/null
+++ b/src/components/CoursesTable.jsx
@@ -0,0 +1,37 @@
+import React from 'react'
+
+const CoursesTable = ({courses}) => {
+
+ console.log(courses);
+ return (
+ <>
+
+
+
+ ID
+ title
+ desc
+ category
+ price
+
+
+
+ {courses.map(course => {
+ return (
+
+ {course._id}
+ {course.title}
+ {course.desc}
+ {course.category}
+ {course.price}
+
+ )
+ })}
+
+
+
+
+ )
+}
+
+export default CoursesTable
\ No newline at end of file
diff --git a/src/components/Help.jsx b/src/components/Help.jsx
new file mode 100644
index 0000000..a560f90
--- /dev/null
+++ b/src/components/Help.jsx
@@ -0,0 +1,180 @@
+import { useEffect } from "react";
+import { useState } from "react";
+import classes from "../css/Help.module.css";
+import Faq from '../images/R.png'
+
+
+const Help = (props) => {
+
+ const [vr, setvr] = useState(true);
+ const [vr1, setvr1] = useState(true);
+ const [vr2, setvr2] = useState(true);
+ const [vr3, setvr3] = useState(true);
+ const [vr4, setvr4] = useState(true);
+
+ const [formDetails, setFormDetails] = useState({})
+ const changeHandler = (event) => {
+ let name = event.target.name;
+ setFormDetails((prev) => {
+ return (
+ {
+ ...prev,
+ [name]: event.target.value
+ }
+ )
+ })
+ }
+
+ async function postData(url = '', data = {}) {
+ // Default options are marked with *
+ const response = await fetch(url, {
+ method: 'POST', // *GET, POST, PUT, DELETE, etc.
+ headers: {
+ Accept: "application/json",
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${localStorage.getItem('jwt')}`
+ },
+ mode: 'cors', // no-cors, *cors, same-origin
+ cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
+ credentials: 'same-origin', // include, *same-origin, omit
+ redirect: 'follow', // manual, *follow, error
+ referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+ body: JSON.stringify(data) // body data type must match "Content-Type" header
+ });
+ return response.json(); // parses JSON response into native JavaScript objects
+ }
+
+ const submitHandler = (event) => {
+ event.preventDefault();
+ console.log(formDetails);
+ if (localStorage.getItem('jwt') === null) {
+ alert("Please login to ask a question")
+ return
+ }
+ postData(`https://learnpedia-backend-ci.azurewebsites.net/api/question/${JSON.parse(localStorage.getItem('user'))._id}`, formDetails)
+ .then((data) => {
+ console.log(data); // JSON data parsed by `data.json()` call
+ if (data.error) {
+ alert(data.error)
+ }else {
+ alert("We have got your question. We will get back to you soon")
+ }
+ })
+ .catch((error) => {
+ console.log(error)
+ });
+ setFormDetails({});
+ }
+
+
+
+
+ return (
+ <>
+
+
+
FAQs
+
setvr(prev => !prev)}>How do i know the right courses for me?
+
+
+ Decide what interests you. List the fields of study that interest you, and
+ come up with a list of courses you would consider studying based on these
+ interests. Add the topics that you were most interested in. Check online
+ about the courses you are interested in and find out about the career
+ prospects and the other information. Check out the course content. To
+ avoid making mistakes, make sure you review the course outline of the
+ course(s) you want to apply for. Have a look at the subjects you must
+ undertake and the types of learning, assignments and examination tasks
+ involved.
+
+
+
+
setvr1(prev => !prev)}>
+ Do i get a certificate for every course i take?
+
+
+
+
setvr2(prev => !prev)}>
+ Do i get a refund if the course isnt worth my money?
+
+
+
+ No you dont get the refund back. But you need not worry about it because
+ the course which we provide on our website will definetly worth it.
+
+
+
+
setvr3(prev => !prev)}>
+ Will i have a life time access to courses i purchase?
+
+
+
+
setvr4(prev => !prev)}>What are your payment options?
+
+
UPIs, debit card, credit card, net banking.
+
+
+
+
+
+
+ {/* */}
+
+ {/*
+
+
*/}
+
+
+
+ )
+}
+
+export default Help;
diff --git a/src/components/Home.jsx b/src/components/Home.jsx
index c1c98d5..ea5bcb2 100644
--- a/src/components/Home.jsx
+++ b/src/components/Home.jsx
@@ -1,19 +1,19 @@
import React from 'react'
import BackImg from "../images/vid.mp4"
-import "../css/Home.css"
+import classes from "../css/Home.module.css"
const Home = () => {
return (
<>
diff --git a/src/components/InstructorHome.jsx b/src/components/InstructorHome.jsx
new file mode 100644
index 0000000..cc6d03f
--- /dev/null
+++ b/src/components/InstructorHome.jsx
@@ -0,0 +1,76 @@
+import React from 'react'
+import { useEffect } from 'react'
+import { useState } from 'react'
+import { connect } from 'react-redux'
+import { Link } from 'react-router-dom'
+import classes from '../css/StudentHome.module.css'
+import Card from './Card'
+
+
+const InstructorHome = ({ userDetails }) => {
+ const [courses, setCourses] = useState([])
+ useEffect( () => {
+ fetch('https://learnpedia-backend-ci.azurewebsites.net/api/courses')
+ .then((response) => response.json())
+ .then((data) => {
+ setCourses(data)
+ });
+}, [])
+
+ return (
+
+ {userDetails ?
+
+
Hi {userDetails.firstname},
+ Welcome to Learnpedia!
+
+
+
+
Courses
+
+
+ {courses.map(course => {
+ return (
+
+
+
+
:
}
+
+
+ )
+}
+
+const mapStateToProps = state => {
+ return {
+ userDetails: state.learnpedia
+ }
+}
+
+
+const mapDispatchToProps = dispatch => ({})
+
+export default connect(mapStateToProps, mapDispatchToProps)(InstructorHome)
\ No newline at end of file
diff --git a/src/components/LessonUpload.jsx b/src/components/LessonUpload.jsx
new file mode 100644
index 0000000..279052f
--- /dev/null
+++ b/src/components/LessonUpload.jsx
@@ -0,0 +1,192 @@
+import axios from 'axios'
+import React, { useState } from 'react'
+import { useEffect } from 'react'
+import { useNavigate } from 'react-router-dom'
+import classes from '../css/CourseUploadform.module.css'
+import Img1 from '../images/pexels-thisisengineering-3862130.jpg'
+
+
+const LessonUpload = () => {
+
+ const navigate = useNavigate();
+ const [formDetails, setFormDetails] = useState({})
+ const [courses, setCourses] = useState([])
+ const user = JSON.parse(localStorage.getItem('user'))
+ const [modules, setModules] = useState([])
+ const [file, setFile] = useState(null);
+
+
+ const changeHandler = (event) => {
+ let name = event.target.name;
+ setFormDetails((prev) => {
+ return (
+ {
+ ...prev,
+ [name]: event.target.value
+ }
+ )
+ })
+ }
+
+ useEffect(() => {
+ fetch(`https://learnpedia-backend-ci.azurewebsites.net/api/courses/${user._id}`, {
+ method: 'GET',
+ headers: {
+ Accept: "application/json",
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${localStorage.getItem('jwt')}`
+ }
+ })
+ .then((response) => response.json())
+ .then((data) => {
+ console.log(data)
+ if (data.error) {
+ alert(data.error)
+ } else {
+ setCourses(data)
+ }
+ })
+ .catch((error) => {
+ console.log(error)
+ });
+ }, [])
+
+ const onCourseChange = (event) => {
+ let courseid = event.target.value;
+ fetch(`https://learnpedia-backend-ci.azurewebsites.net/api/module/${user._id}/${courseid}`, {
+ method: 'GET',
+ headers: {
+ Accept: "application/json",
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${localStorage.getItem('jwt')}`
+ }
+ })
+ .then((response) => response.json())
+ .then((data) => {
+ setModules(data.modules)
+ console.log(data.modules);
+ }).catch((error) => {
+ console.log(error)
+ })
+ }
+
+ const getModuleList = (event) => {
+ changeHandler(event);
+ onCourseChange(event);
+ }
+
+ const handleFileChange = (e) => {
+ setFile(e.target.files[0]);
+ console.log(e.target.files[0]);
+ };
+
+ // const handleSubmit = (e) => {
+ // e.preventDefault();
+ // const formData = new FormData();
+ // formData.append('video', file);
+ // axios.post('http://localhost:5000/upload', formData)
+ // .then(res => console.log(res.data))
+ // .catch(err => console.error(err));
+ // };
+
+
+ async function postData(url = '', data ) {
+ // Default options are marked with *
+ const response = await fetch(url, {
+ method: 'POST', // *GET, POST, PUT, DELETE, etc.
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('jwt')}`,
+ },
+ body: data // body data type must match "Content-Type" header
+ });
+ return response.json(); // parses JSON response into native JavaScript objects
+ }
+
+
+ const submitHandler = (event) => {
+ event.preventDefault();
+ const fd = new FormData();
+ if (!formDetails.title || !formDetails.courseId || !formDetails.moduleId || !file) {
+ alert("Please fill all the fields")
+ return
+ }
+ fd.append('title', formDetails.title);
+ fd.append('courseId', formDetails.courseId);
+ fd.append('moduleId', formDetails.moduleId);
+ fd.append('video', file);
+ fd.append('desc', formDetails.desc);
+ postData(`https://learnpedia-backend-ci.azurewebsites.net/api/lesson/${user._id}/${formDetails.courseId}`, fd)
+ .then((data) => {
+ console.log(data); // JSON data parsed by `data.json()` call
+ if (data.error) {
+ alert(data.error)
+ } else {
+ alert("Lesson uploaded Successfully")
+ }
+ })
+ .catch((error) => {
+ console.error(error);
+ alert(error)
+ });
+ setFormDetails({});
+ navigate('/educator')
+ }
+
+
+
+
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default LessonUpload
\ No newline at end of file
diff --git a/src/components/Loginform.jsx b/src/components/Loginform.jsx
index ab7e764..3b052f9 100644
--- a/src/components/Loginform.jsx
+++ b/src/components/Loginform.jsx
@@ -1,11 +1,33 @@
-import React,{useState} from 'react'
+import React, { useState } from 'react'
import Image from '../images/loginimg2.jpg'
import '../css/Loginform.css'
+import { connect } from 'react-redux'
+import { signIn } from '../action/learnpedia'
+import { useNavigate } from 'react-router-dom'
-const Loginform = () => {
- const [formDetails, setFormDetails] = useState({})
+const Loginform = ({ signIn }) => {
+ let navigate = useNavigate()
+ const [formDetails, setFormDetails] = useState({ email: "", password: "" })
+
+ async function postData(url = '', data = {}) {
+ // Default options are marked with *
+ const response = await fetch(url, {
+ method: 'POST', // *GET, POST, PUT, DELETE, etc.
+ mode: 'cors', // no-cors, *cors, same-origin
+ cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
+ credentials: 'same-origin', // include, *same-origin, omit
+ headers: {
+ 'Content-Type': 'application/json'
+ // 'Content-Type': 'application/x-www-form-urlencoded',
+ },
+ redirect: 'follow', // manual, *follow, error
+ referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+ body: JSON.stringify(data) // body data type must match "Content-Type" header
+ });
+ return response.json(); // parses JSON response into native JavaScript objects
+ }
const changeHandler = (event) => {
let name = event.target.name;
@@ -19,49 +41,84 @@ const Loginform = () => {
})
}
- const submitHandler = (event) => {
+ const submitHandler = async (event) => {
event.preventDefault();
- console.log(formDetails);
- setFormDetails({});
+ if (formDetails.email.length <= 0 || formDetails.password.length <= 0) {
+ alert("enter email and password")
+ return
+ }
+ postData('https://learnpedia-backend-ci.azurewebsites.net/api/login', formDetails)
+ .then((data) => {
+ if (data.user) {
+ const userData = data.user
+ signIn(data)
+ if (userData.role === 'student') {
+ navigate('/shome')
+ } else if(userData.role === 'educator') {
+ navigate('/educator')
+ }else if(userData.role === 'admin') {
+ navigate('/admin')
+ }
+ }else if(data.error) {
+ alert(data.error)
+ }
+ });
+
+
+ setFormDetails({ email: "", password: "" });
+
}
return (
-
-
-
-
-
-
-
Every new course is a
-
Let's get started
+
+
+
+
+
+
+ Every new course is a
+ Let's get started
+
+
-
-
-
-
)
}
-export default Loginform;
\ No newline at end of file
+const mapStateToProps = state => {
+ console.log(state);
+ return {
+ userDetails: state.userDetails
+ }
+}
+
+const mapDispatchToProps = dispatch => ({
+ signIn: (userDetails) => {
+ dispatch(signIn(userDetails))
+ },
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Loginform);
\ No newline at end of file
diff --git a/src/components/ModuleUpload.jsx b/src/components/ModuleUpload.jsx
new file mode 100644
index 0000000..48bd44c
--- /dev/null
+++ b/src/components/ModuleUpload.jsx
@@ -0,0 +1,139 @@
+import React, { useState } from 'react'
+import { useEffect } from 'react'
+import { useNavigate } from 'react-router-dom'
+import classes from '../css/CourseUploadform.module.css'
+import Img1 from '../images/pexels-thisisengineering-3862130.jpg'
+
+
+const ModuleUpload = () => {
+
+ const navigate = useNavigate();
+ const [formDetails, setFormDetails] = useState({})
+ const changeHandler = (event) => {
+ let name = event.target.name;
+ setFormDetails((prev) => {
+ return (
+ {
+ ...prev,
+ [name]: event.target.value
+ }
+ )
+ })
+ }
+
+ const [courses, setCourses] = useState([])
+ const user = JSON.parse(localStorage.getItem('user'))
+
+ useEffect(() => {
+ console.log(user._id);
+ fetch(`https://learnpedia-backend-ci.azurewebsites.net/api/courses/${user._id}`, {
+ method: 'GET',
+ headers: {
+ Accept: "application/json",
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${localStorage.getItem('jwt')}`
+ }
+ })
+ .then((response) => response.json())
+ .then((data) => {
+ console.log(data)
+ if (data.error) {
+ alert(data.error)
+ }else {
+ setCourses(data)
+ }
+ })
+ .catch((error) => {
+ console.log(error)
+ });
+ }, [])
+
+ async function postData(url = '', data = {}) {
+ // Default options are marked with *
+ const response = await fetch(url, {
+ method: 'POST', // *GET, POST, PUT, DELETE, etc.
+ mode: 'cors', // no-cors, *cors, same-origin
+ cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
+ credentials: 'same-origin', // include, *same-origin, omit
+ headers: {
+ Accept: "application/json",
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${localStorage.getItem('jwt')}`
+ },
+ redirect: 'follow', // manual, *follow, error
+ referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+ body: JSON.stringify(data) // body data type must match "Content-Type" header
+ });
+ return response.json(); // parses JSON response into native JavaScript objects
+ }
+
+
+ const submitHandler = (event) => {
+ event.preventDefault();
+ console.log(formDetails);
+ postData(`https://learnpedia-backend-ci.azurewebsites.net/api/moduleupload/${user._id}`, formDetails)
+ .then((data) => {
+ console.log(data); // JSON data parsed by `data.json()` call
+ if (data.error) {
+ alert(data.error)
+ } else {
+ alert("Module Created Successfully")
+ }
+ })
+ .catch((error) => {
+ console.error(error);
+ alert(error)
+ });
+ setFormDetails({});
+ navigate('/educator')
+ }
+
+
+
+
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default ModuleUpload
\ No newline at end of file
diff --git a/src/components/Nav.jsx b/src/components/Nav.jsx
index 443ede2..33cb5cb 100644
--- a/src/components/Nav.jsx
+++ b/src/components/Nav.jsx
@@ -1,77 +1,178 @@
import React, { useState } from 'react'
-import { NavLink } from 'react-router-dom';
+import { Link, NavLink } from 'react-router-dom';
import '../css/Nav.css';
+import { connect } from 'react-redux'
+import { signOut, signIn } from '../action/learnpedia'
+import { useNavigate } from 'react-router-dom'
-const Nav = () => {
+const Nav = ({ userDetails, signOut }) => {
+ let navigate = useNavigate()
+
const [isSearchActive, setSearchActive] = useState(false)
const [isSidebarOpen, setIsSidebarOpen] = useState(false)
+
+ const signoutUser = (event) => {
+ event.preventDefault();
+ signOut()
+ navigate('/')
+ }
+
+ const search = (event) => {
+ if (event.key === 'Enter') {
+ navigate(`/search/${event.target.value}`)
+ }
+ }
+
+
return (
-
-
-
-
setIsSidebarOpen(prev => !prev)} >
-
Learnpedia
-
-
-
-
CodingLab
-
setIsSidebarOpen(prev => !prev)} >
-
+ <>
+ {userDetails.email ?
+
+
+
+
setIsSidebarOpen(prev => !prev)} >
+
Learnpedia
+
+
+
+
CodingLab
+
setIsSidebarOpen(prev => !prev)} >
+
+
+
+
+ {
+ userDetails.role === 'student' ?
+ Home
+ }
+
+
+ Courses
+
+ Services
+
+ Help
+
+ Contact
+
+
+
+
+
+
+
+
+
setSearchActive(prev => !prev)}>
+
-
-
- Home
-
- Courses
-
- Services
-
- Help
-
- Contact
-
- CourseInfo
-
-
-
-
+
+
+
+
+ Profile
+ Logout!
+
+
+
+
+
+
+
setIsSidebarOpen(prev => !prev)} >
+
Learnpedia
+
+
+
+
CodingLab
+
setIsSidebarOpen(prev => !prev)} >
+
+
+
+
+ Home
+
+ Courses
+
+ Services
+
+ Help
+
+ Contact
+
+
+
+
+
+
-
-
setSearchActive(prev => !prev)}>
-
-
+
+
setSearchActive(prev => !prev)}>
+
+
+
+
+
-
-
-
+
+
+ Login
+
+
+ Signup
+
-
-
-
-
- Login
-
-
- Singup
-
-
+
-
-
+
+
+
+
Course Content
+ {
+ course.modules.map((module, index) => {
+ return (
+
+
setdropdownactive(
+ isdropdownactive.map((item, i) => {
+ if (i === index) {
+ return !item
+ } else {
+ return item
+ }
+ })
+ )}>{module.title}
+
+ {
+ module.lessons.map((lesson, index) => {
+ return (
+
+
+ )
+ })
+ }
+
+
+ {/*
Section */}
+
+
+
+
+
+ {/*
+
+ {
+ lesson &&
{lesson.title}
+ }
+
+ {
+ setRating(newRating);
+ }}
+ numberOfStars={5}
+ starDimension="30px"
+ />
+ Submit
+
+
+
+
+ {
+ course.educator &&
{course.educator.firstname}
+ }
+ course instructor
+
+
+ {/*
*/}
+ {lesson &&
{lesson.desc}
}
+
+
+ {userDetails ?
+
+
Hi {userDetails.firstname},
+ Welcome to Learnpedia!
+
+
+
Continue Learning
+
MY ENROLLMENTS
+
+
+
+
Course
+
Fundamentals of Full stack Development
+
+
+
+
+
+
+
Courses
+
+
+ {courses.map(course => {
+ return (
+
+
+
+
:
}
+
+
+
+
+ User Profile
+
+
+
+ {userDetails.url ?
:
}
+ {/*
*/}
+
{userDetails.firstname}
+
{userDetails.role}
+
{userDetails.email}
+ {/*
*/}
+
+
+
+
+
+
FIRST NAME
+ {userDetails.firstname}
+
+
+
LAST NAME
+ {userDetails.lastname}
+
+
+
CONTACT DETAILS
+ {userDetails.phoneno}
+
+
+
NUMBER OF COURSES ENROLLED
+ {courses.length}
+
+
+
NUMBER OF ACTIVE LEARNING DAYS
+ 24
+
+
+
PLACE OF STUDY
+ IIIT SRICITY
+
+
update profile
+ {/*
+
shaikh anas
+
student
+
update profile */}
+
+
+
+
+
Your courses
+
+ {
+ courses.map(course =>
+
+
+ {/*
10 videos */}
+
+
{course.title}
+
{course.categorydb}
+
{course.desc}
+
+
Course
+ Price: {course.price}
+
+
+ {/*
view playlist */}
+
)
+ }
+
+
+
+
+
+
+
+ ID
+ First Name
+ Last Name
+ {/* gender */}
+ role
+ Phone
+ Email
+
+
+
+ {users.map(user => {
+ return (
+
+ {user._id}
+ {user.firstname}
+ {user.lastname}
+ {/* {user.gender} */}
+ {user.role}
+ {user.phoneno}
+ {user.email}
+
+ )
+ })}
+
+
+
+
+ )
+}
+
+export default Table
\ No newline at end of file
diff --git a/src/components/UpdateStudentProfile.jsx b/src/components/UpdateStudentProfile.jsx
new file mode 100644
index 0000000..75cb4ce
--- /dev/null
+++ b/src/components/UpdateStudentProfile.jsx
@@ -0,0 +1,119 @@
+import React from 'react';
+import { useState } from 'react'
+import classes from '../css/UpdateStudentProfile.module.css';
+import { useNavigate } from 'react-router-dom'
+
+const UpdateStudentProfile = () => {
+ const navigate = useNavigate();
+ const [formDetails, setFormDetails] = useState({})
+ const [file, setFile] = useState(null);
+
+ const changeHandler = (event) => {
+ let name = event.target.name;
+ setFormDetails((prev) => {
+ return (
+ {
+ ...prev,
+ [name]: event.target.value
+ }
+ )
+ })
+ }
+
+ const handleFileChange = (e) => {
+ setFile(e.target.files[0]);
+ console.log(e.target.files[0]);
+};
+
+async function postData(url = '', data ) {
+ // Default options are marked with *
+ const response = await fetch(url, {
+ method: 'PUT', // *GET, POST, PUT, DELETE, etc.
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('jwt')}`,
+ },
+ body: data // body data type must match "Content-Type" header
+ });
+ return response.json(); // parses JSON response into native JavaScript objects
+}
+
+
+
+ const submitHandler = (event) => {
+ event.preventDefault();
+ const fd = new FormData();
+ if (formDetails.cnfpassword !== formDetails.password) {
+ alert("password mush match confirm password")
+ return false
+ }
+ console.log(formDetails.firstname);
+ if (formDetails.firstname !== undefined) {
+ fd.append('firstname', formDetails.firstname);
+ }
+ if (formDetails.lastname) {
+ fd.append('lastname', formDetails.lastname);
+ }
+ if (formDetails.password) {
+ fd.append('password', formDetails.password);
+ }
+ if (formDetails.cnfpassword) {
+ fd.append('cnfpassword', formDetails.cnfpassword);
+ }
+ if (formDetails.email) {
+ fd.append('email', formDetails.email);
+ }
+ if (formDetails.phone) {
+ fd.append('phone', formDetails.phone);
+ }
+ if (file !== null) {
+ fd.append('profileImage', file);
+ }
+ console.log(fd.get('profileImage'));
+ postData(`https://learnpedia-backend-ci.azurewebsites.net/api/user/${JSON.parse(localStorage.getItem('user'))._id}`, fd)
+ setFormDetails({});
+ navigate('/shome');
+}
+
+ // const submitHandler = (event) => {
+ // event.preventDefault();
+ // console.log(formDetails);
+ // if (formDetails.cnfpassword !== formDetails.password) {
+ // alert("password mush match confirm password")
+ // return false
+ // }
+
+ // postData(`https://learnpedia-backend-ci.azurewebsites.net/api/user/${JSON.parse(localStorage.getItem('user'))._id}`, formDetails)
+ // setFormDetails({});
+ // }
+
+ return (
+ <>
+
+
+ )
+}
+
+export default UpdateStudentProfile
\ No newline at end of file
diff --git a/src/components/group29 sem 5.js b/src/components/group29 sem 5.js
index 32c3870..48e0af5 100644
--- a/src/components/group29 sem 5.js
+++ b/src/components/group29 sem 5.js
@@ -1,186 +1,186 @@
-import React from 'react'
-import '../css/Courseinfo.css'
-// import Nav from './Nav'
-import img from '../images/img.PNG'
-import courseinfo from '../images/coursesinfo.jpeg'
-const Courseinfo = () => {
- const styleobj={
- height: "200px",
- }
- const sty={
- height: "60px",
- }
- return (
-
-
-
-
Programming with Python : HandsOn
- Introduction for Beginners
-
Uploaded/Last updated on: Oct 28th, 2022
- {/*
Image
*/}
-
Some text..
-
Star Rating
+// import React from 'react'
+// import '../css/Courseinfo.css'
+// // import Nav from './Nav'
+// import img from '../images/img.PNG'
+// import courseinfo from '../images/coursesinfo.jpeg'
+// const Courseinfo = () => {
+// const styleobj={
+// height: "200px",
+// }
+// const sty={
+// height: "60px",
+// }
+// return (
+//
+//
+//
+//
Programming with Python : HandsOn
+// Introduction for Beginners
+//
Uploaded/Last updated on: Oct 28th, 2022
+// {/*
Image
*/}
+//
Some text..
+//
Star Rating
-
-
-
-
- {/*
-
-
-
*/}
+//
+//
+//
+//
+// {/*
+//
+//
+//
*/}
-
-
- WHAT YOU WILL LEARN
-
-
-
-
-
-
-
Special title treatment
-
With supporting text below as a natural lead-in to additional content.
-
-
-
-
-
-
-
-
-
Special title treatment
-
With supporting text below as a natural lead-in to additional content.
-
-
-
-
-
-
-
-
-
Special title treatment
-
With supporting text below as a natural lead-in to additional content.
-
-
-
-
-
-
-
-
-
Special title treatment
-
With supporting text below as a natural lead-in to additional content.
-
-
-
-
-
-
-
-
-
-
About the course
-
-
Overview
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum doloremque quasi et nemo vel totam. Tempore, ipsam. Repellat tempore blanditiis nihil possimus fugiat aliquam aliquid iure quaerat incidunt reprehenderit quis illum nam saepe, ab laboriosam hic sit quibusdam, magni eveniet? Fugit necessitatibus cum laboriosam delectus maxime aperiam id, perferendis placeat ipsam exercitationem a dolor dolorum magni ipsa aspernatur pariatur fugiat tenetur modi vitae. Reiciendis, ducimus pariatur ipsum ex repudiandae repellat neque nulla rem iste debitis ea consequatur voluptatum nemo possimus cumque ullam, totam, quos veniam quam esse sequi! Quibusdam vero inventore consequuntur autem natus saepe necessitatibus porro nostrum atque quam.
-
-
-
About the course
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa nam, iusto itaque reiciendis voluptatem ab, error at quaerat accusamus perferendis similique nisi magni dignissimos dicta asperiores est dolores earum? Unde ea assumenda, ducimus, sapiente, nulla laudantium quam exercitationem soluta voluptatem tenetur possimus aut modi doloremque natus blanditiis iusto! Nesciunt, est?
-
-
+//
+//
+// WHAT YOU WILL LEARN
+//
+//
+//
+//
+//
+//
+//
Special title treatment
+//
With supporting text below as a natural lead-in to additional content.
+//
+//
+//
+//
+//
+//
+//
+//
+//
Special title treatment
+//
With supporting text below as a natural lead-in to additional content.
+//
+//
+//
+//
+//
+//
+//
+//
+//
Special title treatment
+//
With supporting text below as a natural lead-in to additional content.
+//
+//
+//
+//
+//
+//
+//
+//
+//
Special title treatment
+//
With supporting text below as a natural lead-in to additional content.
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
About the course
+//
+//
Overview
+//
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum doloremque quasi et nemo vel totam. Tempore, ipsam. Repellat tempore blanditiis nihil possimus fugiat aliquam aliquid iure quaerat incidunt reprehenderit quis illum nam saepe, ab laboriosam hic sit quibusdam, magni eveniet? Fugit necessitatibus cum laboriosam delectus maxime aperiam id, perferendis placeat ipsam exercitationem a dolor dolorum magni ipsa aspernatur pariatur fugiat tenetur modi vitae. Reiciendis, ducimus pariatur ipsum ex repudiandae repellat neque nulla rem iste debitis ea consequatur voluptatum nemo possimus cumque ullam, totam, quos veniam quam esse sequi! Quibusdam vero inventore consequuntur autem natus saepe necessitatibus porro nostrum atque quam.
+//
+//
+//
About the course
+//
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa nam, iusto itaque reiciendis voluptatem ab, error at quaerat accusamus perferendis similique nisi magni dignissimos dicta asperiores est dolores earum? Unde ea assumenda, ducimus, sapiente, nulla laudantium quam exercitationem soluta voluptatem tenetur possimus aut modi doloremque natus blanditiis iusto! Nesciunt, est?
+//
+//
-
-
-
Syllabus
-
-
Module 0
-
-
- lesson 0
- lesson 1
- lesson 2
-
-
-
Module 1
-
-
- lesson 0
- lesson 1
- lesson 2
-
-
-
-
-
About the course
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa nam, iusto itaque reiciendis voluptatem ab, error at quaerat accusamus perferendis similique nisi magni dignissimos dicta asperiores est dolores earum? Unde ea assumenda, ducimus, sapiente, nulla laudantium quam exercitationem soluta voluptatem tenetur possimus aut modi doloremque natus blanditiis iusto! Nesciunt, est?
-
+//
+//
+//
Syllabus
+//
+//
Module 0
+//
+//
+// lesson 0
+// lesson 1
+// lesson 2
+//
+//
+//
Module 1
+//
+//
+// lesson 0
+// lesson 1
+// lesson 2
+//
+//
+//
+//
+//
About the course
+//
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa nam, iusto itaque reiciendis voluptatem ab, error at quaerat accusamus perferendis similique nisi magni dignissimos dicta asperiores est dolores earum? Unde ea assumenda, ducimus, sapiente, nulla laudantium quam exercitationem soluta voluptatem tenetur possimus aut modi doloremque natus blanditiis iusto! Nesciunt, est?
+//
-
-
-
-
About the Insturctor
-
-
Overview
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum doloremque quasi et nemo vel totam. Tempore, ipsam. Repellat tempore blanditiis nihil possimus fugiat aliquam aliquid iure quaerat incidunt reprehenderit quis illum nam saepe, ab laboriosam hic sit quibusdam, magni eveniet? Fugit necessitatibus cum laboriosam delectus maxime aperiam id, perferendis placeat ipsam exercitationem a dolor dolorum magni ipsa aspernatur pariatur fugiat tenetur modi vitae. Reiciendis, ducimus pariatur ipsum ex repudiandae repellat neque nulla rem iste debitis ea consequatur voluptatum nemo possimus cumque ullam, totam, quos veniam quam esse sequi! Quibusdam vero inventore consequuntur autem natus saepe necessitatibus porro nostrum atque quam.
-
-
-
About the course
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa nam, iusto itaque reiciendis voluptatem ab, error at quaerat accusamus perferendis similique nisi magni dignissimos dicta asperiores est dolores earum? Unde ea assumenda, ducimus, sapiente, nulla laudantium quam exercitationem soluta voluptatem tenetur possimus aut modi doloremque natus blanditiis iusto! Nesciunt, est?
-
+//
+//
+//
+//
About the Insturctor
+//
+//
Overview
+//
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum doloremque quasi et nemo vel totam. Tempore, ipsam. Repellat tempore blanditiis nihil possimus fugiat aliquam aliquid iure quaerat incidunt reprehenderit quis illum nam saepe, ab laboriosam hic sit quibusdam, magni eveniet? Fugit necessitatibus cum laboriosam delectus maxime aperiam id, perferendis placeat ipsam exercitationem a dolor dolorum magni ipsa aspernatur pariatur fugiat tenetur modi vitae. Reiciendis, ducimus pariatur ipsum ex repudiandae repellat neque nulla rem iste debitis ea consequatur voluptatum nemo possimus cumque ullam, totam, quos veniam quam esse sequi! Quibusdam vero inventore consequuntur autem natus saepe necessitatibus porro nostrum atque quam.
+//
+//
+//
About the course
+//
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa nam, iusto itaque reiciendis voluptatem ab, error at quaerat accusamus perferendis similique nisi magni dignissimos dicta asperiores est dolores earum? Unde ea assumenda, ducimus, sapiente, nulla laudantium quam exercitationem soluta voluptatem tenetur possimus aut modi doloremque natus blanditiis iusto! Nesciunt, est?
+//
-
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
-
-
TITLE HEADING
-
Title description, Sep 2, 2017
-
Image
-
Some text..
-
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
-
-
-
Unlimited access at
-
Rs 999/-
-
-
-
-
-
-
This course includes:
-
- Sharable certificate
- 100% online course
- Flexible Schedule
- Appoximately 4 months to complete
-
-
-
- Enroll Now
-
-
-
-
Course is offered by:
- Harvard University
-
-
Some text about me in culpa qui officia deserunt mollit anim..
-
More Text
-
Lorem ipsum dolor sit ame.
-
Image
-
Image
-
Image
-
-
-
-
+//
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
+//
+//
TITLE HEADING
+//
Title description, Sep 2, 2017
+//
Image
+//
Some text..
+//
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
+//
+//
+//
Unlimited access at
+//
Rs 999/-
+//
+//
+//
+//
+//
+//
This course includes:
+//
+// Sharable certificate
+// 100% online course
+// Flexible Schedule
+// Appoximately 4 months to complete
+//
+//
+//
+// Enroll Now
+//
+//
+//
+//
Course is offered by:
+// Harvard University
+//
+//
Some text about me in culpa qui officia deserunt mollit anim..
+//
More Text
+//
Lorem ipsum dolor sit ame.
+//
Image
+//
Image
+//
Image
+//
+//
+//
+//
} >
}>
-
+
+ }>
}>
+ }>
+ }>
}/>
-
-
-
-
-
- }>
-
+ }>
+
+
+ }/>
+ }>
+
+
+ }/>
}>
}>
}>
}>
+
+ }>
+ }>
+
+ }>
+ }>
+ }>
-
+
);
diff --git a/src/reducer/learnpedia.js b/src/reducer/learnpedia.js
new file mode 100644
index 0000000..2e3dba8
--- /dev/null
+++ b/src/reducer/learnpedia.js
@@ -0,0 +1,14 @@
+import {SIGNIN, SIGNOUT} from '../action/action-types'
+
+const initialState = {}
+
+export default (state = initialState, action) => {
+ switch(action.type) {
+ case SIGNIN:
+ return action.payload
+ case SIGNOUT:
+ return {}
+ default:
+ return state
+ }
+}
\ No newline at end of file
diff --git a/src/store.js b/src/store.js
new file mode 100644
index 0000000..d215677
--- /dev/null
+++ b/src/store.js
@@ -0,0 +1,13 @@
+import { createStore, combineReducers } from "redux";
+
+ import learnpedia from "./reducer/learnpedia";
+
+ const rootReducer = combineReducers({
+ learnpedia,
+ })
+
+ const store = createStore(
+ rootReducer
+ )
+
+ export default store;
\ No newline at end of file
- 
*/}
-
-
- 
-