Skip to content

Getting started

Jeffrey Yao edited this page May 16, 2022 · 3 revisions

System requirements

To run and develop CSESoc Learn locally, you'll need the following installed:

Getting started

1. Clone the repo

Using Git:

git clone https://github.com/csesoc/learning-platform.git

Using GitHub CLI:

gh repo clone csesoc/learning-platform

2. Install dependencies

CSESoc Learn uses Yarn for package management. Do not use npm.
In the repo folder, run

yarn install

3. Install Stork

The Stork command line tool is required to build the search index.

cargo install stork-search --locked

4. Run the development server

Start the server using

yarn dev

Open http://localhost:3000 with your browser to view CSESoc Learn. You can start editing files immediately. New content is added by creating a .mdx file in data under the relevant content type subdirectory. You can invoke search by pressing the search button or pressing Command + K.

5. (If content is modified or added) Rebuild the search index

In the repo folder, run

yarn index

to rebuild the search index. A success message will appear. Reload the page to load the new search index.

Writing new content

CSESoc Learn uses Markdown syntax for authoring content. For a quick reference to the syntax, look here.

CSESoc Learn

Overview

Process

  • Values
  • Introduction to Git
  • Git workflow
  • Working with Contentlayer
  • Styling with Stitches

Design System

  • Introduction
  • Cheatsheet
  • Components
    • Box
    • Button
    • Card
    • Flex
    • Icon Button
    • Logo
    • Tag
    • Text
    • Version Badge
Clone this wiki locally