Learning Platform

A place for the CSESoc community to learn and share their knowledge and expertise.

🌈 Status update:
Finessing the front-end!

🎨 Design system:
CSESoc Learn has its own design system with components + tokens. The Figma file is here.

Features

For more details, see the relevant wiki page.

• Support for a wide variety of content types via Contentlayer
• Beautiful UI/UX inspired by Medium and technical sites
• Spotlight-style search via Stork
• Ergonomic content creation workflow

Getting Started

For detailed instructions, see here.

In a nutshell:

1. Clone this repo
2. yarn install to install all dependencies
3. yarn dev to start the local server

Vision ⚡️

CSESoc is where students gather to socialise and extend their technical knowledge outside the classroom. Educational content has previously been delivered via workshops. However, this limits people who're uncomfortable with holding workshops, or want to contribute in other formats, from contributing.

CSESoc Learn empowers students from various backgrounds to contribute to the wider CSE community by:

• opening up new formats of contributing such as articles, tutorials and videos
• providing an ergonomic content creation experience, allowing creators to focus on what they do best

CSESoc Learn also focuses strongly on delightful UI/UX, driving engagement and raising the bar for learning experiences at CSESoc.

Code style

Prettier and StandardJS are used together for formatting and linting. They're configured in the repo.

Tech stack

For more details, see the relevant wiki page.

• Framework: Next.js
• Content: MDX + Contentlayer
• Language: TypeScript
• Styling: Stitches

Documentation

See the wiki. Documentation is currently being written.

Our team

We're CSESoc Education! Development is currently led by:

• Maxwell Phillips
• Jeffrey Yao
• Gordon Huang
• Jasper Di Francesco