Learning Guide

A comprehensive guide to help student leaders learn the technology stack and contribute to the K12worX platform. Start from the prerequisites and work your way through the sections.

00: Prerequisites

→Command Line Basics
→Installing Git
→Installing Node
→Installing Vscode

01: Understanding Basics

→Html Css Refresher
→What Is Nextjs
→What Is React
→What Is Tailwind
→What Is Typescript

02: Getting Started

→Cloning The Repo
→Exploring Localhost
→Running Dev Server
→Your First Code Change

03: Understanding Structure

→Components Explained
→Layouts Explained
→Pages And Routing

04: Reading Code

→Reading Header
→Reading Homepage
→Reading Navigation
→Understanding Props

05: Styling Basics

→Customizing Colors
→Responsive Design
→Tailwind Classes

06: Making Changes

→Adding New Links
→Changing Text Content
→Modifying Styles
→Testing Your Changes

07: Git Basics

→Creating Branches
→Git Workflow
→Making Commits
→Understanding Pull Requests

08: Advanced Topics

→Building Components
→Creating New Pages
→Understanding Typescript Types
→Working With Forms

09: Troubleshooting

→Common Errors
→Debugging Tips
→Getting Help

10: Reference

→Codebase Map
→External Resources
→Glossary
→Useful Commands

Getting Started

New to the platform? Start with Section 00: Prerequisites to set up your development environment.

Start Learning →