Skip to content

README.md

Latest commit

 

History

History
43 lines (31 loc) · 1.73 KB

README.md

File metadata and controls

43 lines (31 loc) · 1.73 KB

🔤 String Converter

A sleek and responsive string transformation tool built with React.js, JavaScript, and TailwindCSS. This utility allows users to instantly convert any input string into multiple text formats—perfect for developers, writers, and anyone working with structured text.

🎯 Challenge Overview

🕒 Estimated Completion Time: 30–45 minutes

🛠️ Task Overview:

Build a string converter that transforms user input into various text cases (e.g., camelCase, PascalCase, reverse, title case). The UI should be intuitive, responsive, and optimized for quick copy-paste workflows.

📌 Requirements:

  • ✍️ Input Field: Accepts any string from the user.
  • 🔁 Case Conversions:
    • Title Case
    • Normal Case
    • Inverse Case
    • Reverse Case
    • Lower Case
    • Upper Case
    • Camel Case
    • Pascal Case
  • 📋 Copy Button: One-click copy for each converted format.
  • ⚛️ State Management: Use React hooks to manage input and derived formats.
  • 🎨 Styling: Clean, responsive layout using TailwindCSS.

🔍 Development Focus:

  • Component Design → Modular converters for each format.
  • UX Clarity → Clear labels, instant feedback, and accessible copy buttons.
  • Performance → Efficient string manipulation without unnecessary re-renders.
  • Accessibility → Keyboard-friendly interactions and semantic HTML.

🌟 Additional Considerations:

  • Add animations or feedback when a format is copied.
  • Consider expanding with custom format options or export features.
  • Ensure layout stability across screen sizes and input lengths.