Syntax Quest

A coding challenge platform built with React and TypeScript.

Features

• Interactive coding challenges
• Real-time code compilation
• Progressive difficulty levels
• Hint system for guidance
• Multiple coding realms/themes

Setup

1. Clone the repository
2. Install dependencies:

   npm install

3. Start development server:

   npm start

Project Structure

• src/components/ - React components
• src/contexts/ - React contexts
• src/hooks/ - Custom React hooks
• src/pages/ - Page components
• src/utils/ - Utility functions
• src/data/ - Challenge data

Technologies Used

• React
• TypeScript
• React Context API
• CodeMirror (Editor)
• Webpack
• Jest (Testing)