Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Autumnnus/Javascript-Methods

Open more actions menu

Repository files navigation

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.

License React TypeScript TailwindCSS

✨ 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

🚀 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

About

This is a React Typescript Project about Javascript beginners will learn Javascript's most important methods.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.