JS Methods Explorer 🚀

A premium, developer-centric interactive playground built to master JavaScript's core methods. Explore String, Array, Number, Date, and Math methods through a structured, human-made UI design.

✨ Features

• Professional UI: A sleek, dark-themed interface inspired by modern developer tools (e.g., VS Code, Linear).
• Interactive Playground: Test JavaScript methods in real-time with dynamic inputs and instant output feedback.
• Comprehensive Coverage:
  • Strings: Manipulation, searching, and formatting.
  • Arrays: Iteration, transformation, and state management.
  • Numbers: Parsing, validation, and precision.
  • Dates: Formatting and time calculations.
  • Math: Static constants and mathematical functions.
• Randomizer: Quickly generate example use cases with the click of a button.
• Syntax Highlighting: Clean and readable code previews for every method.

🛠️ Tech Stack

• Framework: React (with TypeScript)
• Styling: Tailwind CSS
• State Management: Redux Toolkit
• Icons: React Icons
• Build Tool: Vite

🚀 Getting Started

Follow these steps to set up the project locally:

1. Clone the repository

git clone https://github.com/VectortheGreat/Javascript-Methods.git
cd Javascript-Methods

2. Install dependencies

npm install

3. Run the development server

npm run dev

The app will be available at http://localhost:5173.

📖 Usage

1. Select a category from the navigation bar (e.g., Array, String).
2. Choose a specific method from the sidebar list.
3. Use the Randomize button to see a working example.
4. Modify the input values or parameters to see how the output changes instantly.

🤝 Contributing

Contributions are welcome! If you'd like to improve the documentation, add new methods, or enhance the UI:

1. Fork the project.
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.

---

Crafted with ❤️ by Vector