This project is a highly realistic web-based simulator of the Visual Studio Code interface. It functions as a "Hacker Typer" application, allowing users to simulate the experience of writing complex code at high speed simply by pressing random keys.
- Realistic UI: Meticulously recreated "Dark+" theme, including the Activity Bar, Sidebar, Status Bar, and Tab system.
- Hacker Typer Logic: Type any key on your keyboard, and the editor will output valid, pre-written code character by character.
- File System: Includes a simulated file structure with realistic demo files (React/JavaScript, CSS, JSON).
- Custom Imports: Upload your own text files (
.txt,.js,.py, etc.) or entire folders to "write" your own code content. - Immersive Mode: Includes a full-screen toggle to hide browser UI for a convincing desktop application look.
Click anywhere in the main black editor area to focus it. Start typing on your physical keyboard (any keys will do). The simulator will automatically generate code from the currently selected file.
Use the Explorer in the left sidebar to switch between different files (e.g., App.js, global.css). Switching files resets the typing progress for that file.
- Look for the buttons at the bottom of the Sidebar.
- Click File to upload a single text file, or Folder to upload an entire directory (including subfolders!).
- The imported files will appear in the Explorer. Click any file to open it, then start typing to reveal its contents.
Click the square Maximize icon in the top-right corner of the window title bar to enter browser full-screen mode. This hides the URL bar and tabs for a more authentic experience.
- React 19: Component-based UI architecture.
- Tailwind CSS: Utility-first styling for layout and theming.
- Lucide React: Crisp, pixel-perfect icons.
- TypeScript: Type-safe development.