The web application uses React, NextJS, GraphQL, backed by Django.
Overview
This project offers an innovative approach to learning JavaScript through its comprehensive web application, built using React and powered by GraphQL and Django. It caters to both beginner and advanced users, providing a sandboxed environment where users can run their JavaScript code, test their skills, and learn effectively. The application also emphasizes performance, passing critical benchmarks like Google’s Rich Results Test and Lighthouse, ensuring an optimal user experience while writing and executing code.
With its emphasis on modern web technologies and user-friendly design, this project stands out as an excellent resource for anyone looking to enhance their JavaScript skills. The various features included in the application cater to diverse learning needs, making it an engaging platform for coding practice.
Features
- Sandboxed Code Editor: An isolated environment for running JavaScript code to prevent interference from global JavaScript contexts and ensure smooth performance.
- Web Worker Support: Utilizes a dedicated web worker for executing tasks in the background, thus preventing UI freezing during long-running processes.
- Apollo Client Integration: This JavaScript GraphQL client manages data-fetching processes efficiently, tracking loading and error states seamlessly.
- Base Web Design System: Features an open-source design system that facilitates building accessible and high-performance websites using React.
- Comprehensive Testing Framework: Includes static analysis, unit, and integration testing, leveraging tools like ESLint and TypeScript to ensure code quality and consistency.
- Next.js Framework: Employs a mix of static site generation and client-side rendering to optimize performance and enhance user experience.
- Multiple Exercise Categories: Provides a variety of exercises categorized by difficulty, allowing users to progressively build their JavaScript skills.
- Integrated JavaScript Code Runner: A powerful tool within the code editor that supports real-time execution and testing of JavaScript, isolated from the main JavaScript environment.
