github.com/quickfeed/quickfeed@v0.0.0-20240507093252-ed8ca812a09c/public/src/components/admin/CourseCreationInfo.tsx (about)

     1  import React from "react"
     2  
     3  
     4  // CourseCreationInfo is a component that displays information about the course creation process.
     5  const CourseCreationInfo = (): JSX.Element => {
     6      return (
     7          <div className="jumbotron">
     8              <h1 className="display-4">Create Course</h1>
     9              <p className="lead">
    10                  For each new semester of a course, QuickFeed requires a new GitHub organization.
    11                  This is to keep the student roster for the different runs of the course separate.
    12              </p>
    13              <p>
    14                  <a className="badge-pill badge-success" href={process.env.QUICKFEED_ORGANIZATION_URL} target="_blank" rel="noopener noreferrer">
    15                      Create an organization
    16                  </a> for your course.
    17                  The course organization must allow private repositories.
    18              </p>
    19              <p>
    20                  Add the <a className="badge-pill badge-info" href={process.env.QUICKFEED_APP_URL} target="_blank" rel="noopener noreferrer">QuickFeed application</a> to your GitHub organization before creating a course.
    21              </p>
    22              <p>
    23                  QuickFeed will create the following repositories for you:
    24              </p>
    25              <ul>
    26                  <li>info</li>
    27                  <li>assignments</li>
    28                  <li>tests</li>
    29              </ul>
    30              <p>
    31                  <span>Please refer to the </span>
    32                  <a className="badge-pill badge-primary" href="https://github.com/quickfeed/quickfeed/blob/master/doc/teacher.md" target="_blank" rel="noopener noreferrer">
    33                      documentation
    34                  </a>
    35                  <span> for further instructions on how to work with the various repositories.</span>
    36              </p>
    37          </div>
    38      )
    39  }
    40  
    41  export default CourseCreationInfo