Skip to content

Your one-stop destination for useful online tools and completely open source. We provide a collection of calculators, formatters, and utilities to help streamline your work.

Notifications You must be signed in to change notification settings

mrxehmad/online-toolkit

Repository files navigation

Online Toolkit Website

A collection of useful online tools for developers, designers, and general users.

Available Tools

Finance Tools

  • Mortgage Calculator
  • Investment Calculator
  • Tax Calculator
  • Net Income Tax Calculator

Cryptographic Tools

  • Cryptographic Converter (AES, TripleDES, Rabbit, RC4)
  • String Obfuscator
  • Base64 Encode/Decode
  • UUID Generator

Developer Tools

  • Browser Info Detector
  • Code Formatter
  • JSON Validator
  • cURL Generator
  • Markdown to HTML
  • Pi-hole Regex Generator
  • Crontab Generator
  • Port Generator
  • Docker Run to Compose
  • Chmod Calculator
  • YAML Formatter
  • Webcam Tester

Social Media Tools

  • Social Media Analyzer
  • Hashtag Generator

Features

  • Dark/Light mode support
  • Responsive design
  • Modern UI
  • Easy to use interface
  • Real-time updates
  • Copy to clipboard functionality
  • Webcam testing with live video, image capture, video recording, and detailed webcam info

Note: The Webcam Tester tool requires camera permissions. If prompted, please allow camera access in your browser for full functionality.

Getting Started

  1. Clone the repository
  2. Install dependencies:
    npm install
  3. Create a .env file with the following variables:
    REACT_APP_ADMIN_PASSWORD=admin
    
  4. Start the development server:
    npm start

Admin Dashboard

The admin dashboard is password protected and can be accessed at /admin. The password is stored in the environment variables.

Contributing

Feel free to submit issues and enhancement requests.

License

This project is licensed under the MIT License.

🛠️ Technologies Used

  • Frontend Framework: React.js
  • Styling: Tailwind CSS
  • Routing: React Router
  • Icons: React Icons
  • State Management: React Context API
  • Theme: Dark/Light mode support

🔧 Installation

  1. Clone the repository:
git clone https://github.com/mrxehmad/toolkit-website.git
  1. Navigate to the project directory:
cd toolkit-website
  1. Install dependencies:
npm install
  1. Start the development server:
npm start

The application will be available at http://localhost:3000

🌐 Live Demo

Visit Online Toolkit to see the live version.

🎨 Features

  • Responsive design for all screen sizes
  • Dark/Light mode toggle
  • User-friendly interface
  • Real-time calculations
  • Copy to clipboard functionality
  • Form validation
  • Error handling
  • Mobile-friendly layout

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📝 License

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

📧 Contact

🙏 Acknowledgments

About

Your one-stop destination for useful online tools and completely open source. We provide a collection of calculators, formatters, and utilities to help streamline your work.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages