A modern web application that helps users convert commands between Linux and Windows Command Prompt, providing detailed explanations and examples for each command.

• 🔄 Bi-directional command conversion between Linux and Windows
• 📝 Detailed command descriptions and usage examples
• 🌍 Multilingual support (English and Spanish)
• 🌓 Dark/Light theme support
• 💻 Responsive design for all devices
• ⚡ Real-time command conversion
• 📚 Comprehensive command documentation

• React 18
• TypeScript
• Tailwind CSS
• Lucide React Icons
• Vite

src/
├── components/           # React components
│   ├── CommandInput.tsx    # Command input field component
│   ├── CommandDetails.tsx  # Command details display
│   ├── ConversionResult.tsx# Conversion result display
│   ├── Footer.tsx         # Footer component
│   ├── LanguageSwitch.tsx # Language switcher
│   └── ThemeSwitch.tsx    # Theme switcher
├── contexts/            # React contexts
│   └── ThemeContext.tsx   # Theme management context
├── data/               # Static data
│   ├── commandData.ts    # Command definitions and details
│   └── translations.ts   # Language translations
├── utils/              # Utility functions
│   └── commandConverter.ts # Command conversion logic
└── App.tsx             # Main application component

The application currently supports the following commands:

1. List Directory Contents

   • Linux: ls
   • Windows: dir

2. Copy Files

   • Linux: cp
   • Windows: copy

3. Move/Rename Files

   • Linux: mv
   • Windows: move

4. Delete Files

   • Linux: rm
   • Windows: del

5. Create Directory

   • Linux: mkdir
   • Windows: md

Each command includes:

• Detailed description
• Common options and flags
• Usage examples

• Real-time command detection and conversion
• Support for basic command syntax
• Detailed explanation of command equivalents

• English and Spanish language support
• Real-time language switching
• Translated UI elements and command descriptions

• Light and dark theme options
• System-wide theme persistence
• Smooth theme transitions

• Mobile-first approach
• Adaptive layout for all screen sizes
• Optimized command display for small screens

• Node.js 18+
• npm or yarn

# Clone the repository
git clone [repository-url]

# Install dependencies
npm install

# Start development server
npm run dev

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

Each component follows these principles:

• Single responsibility
• Strong typing with TypeScript
• Proper prop validation
• Clear separation of concerns

• Theme context for application-wide theme management
• Proper context initialization and error handling
• Type-safe context usage

• Pure functions for command conversion
• Centralized command data management
• Type-safe command handling

• Tailwind CSS for utility-first styling
• Dark mode support via classes
• Responsive design utilities

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

Created by Víctor Ríos Recio

• Lucide React for the beautiful icons
• Tailwind CSS for the utility-first CSS framework
• React team for the amazing framework