Skip to content
This repository was archived by the owner on May 31, 2026. It is now read-only.

feat: Add complete React tutorial module and SQL database learning path#764

Open
amiruzzaman1 wants to merge 1 commit into
Tuhura-Tech:mainfrom
amiruzzaman1:feat/add-react-sql-modules
Open

feat: Add complete React tutorial module and SQL database learning path#764
amiruzzaman1 wants to merge 1 commit into
Tuhura-Tech:mainfrom
amiruzzaman1:feat/add-react-sql-modules

Conversation

@amiruzzaman1

Copy link
Copy Markdown

Description (required)

This PR adds two comprehensive learning modules to help children learn programming systematically and interactively:

React Tutorial Module

  • Complete tutorial covering React fundamentals from setup to advanced patterns
  • 23+ interactive lessons including: JSX, components, props, state, hooks, routing, forms, and more
  • Step-by-step project: Building a Mood Tracker app
  • Interactive components with live demos (ColorBox, CounterDemo, etc.)
  • Best practices, tips & tricks, and common patterns

SQL Database Module

  • Introduction to SQL queries and database concepts
  • 6 lessons covering: SELECT queries, filtering, sorting, aggregate functions, and grouping
  • Practical examples and exercises
  • Integration with online SQL editor

Technical Changes

  • Installed @astrojs/mdx and @astrojs/react for interactive React components
  • Updated astro.config.ts to support MDX and React integrations
  • Added React Intro section to sidebar navigation with all tutorial pages
  • Added Database section to sidebar with SQL lessons

Related issues & labels (optional)

  • Suggested label: resource: web

Added comprehensive React tutorial covering:
- Intro, setup, and tooling
- JSX and rendering basics
- Components, props, and state management
- Hooks (useState, useEffect, useRef)
- Event handling and forms
- Routing and styling
- LocalStorage integration
- Animations and accessibility
- Component patterns and best practices
- Interactive examples with live components
- Step-by-step project: Mood Tracker app

Added SQL database module with:
- Online editor introduction
- SELECT queries and data retrieval
- Filtering, sorting, and limiting data
- Aggregate functions (COUNT, SUM, AVG, etc.)
- Grouping data with GROUP BY and HAVING
- Practical examples and exercises

Technical improvements:
- Installed @astrojs/mdx and @astrojs/react for interactive components
- Updated astro.config.ts with MDX and React integrations
- Added React sidebar navigation with all tutorial pages
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant