SkillSuite - Course Viewer

This is a package to embed our course viewer feature into your own React project. It's simple, and you don't need third party libraries.

Scripts

| Command | Description | | :------------- | :------------- | | npm run start | Start development server | | npm run build | Start build script |

Example

import CourseViewer, { config, client } from "@skillsuite/course-viewer";

config.log = console.log;
config.baseURL = "htttp://myhost.com.br";

const App = () => {
  const [ overview, setOverview ] = useState(null);

  const onSection = async ({ section }) => await client.get("/api/v3/course_viewer/section/" + section);
  const onQuiz = async ({ quiz }) => await client.get("/api/v3/course_viewer/form/" + quiz);

  useEffect(() => {
    client.get("/api/v3/course_viewer/" + 1695).then(setOverview);
  }, []);

  return (
    <CourseViewer
      overview={ overview }
      onSection={ onSection }
      onQuiz={ onQuiz }
    />
  )
}

Props

| name | description | | :--------- | :------------- | | overview | Object with course basic info | | onSection | Callback to return the data from specific section | | onQuiz | Callback to return the data from specific quiz |