Online Toolkit

A comprehensive collection of web-based tools built with React.js and Tailwind CSS. This application provides various utilities for developers, finance professionals, and social media managers.

🚀 Features

Finance Tools

• Mortgage Calculator: Calculate mortgage payments and amortization schedules
• Investment Calculator: Plan your investments and calculate potential returns
• Tax Calculator: Estimate income tax and take-home pay with support for different filing statuses

Developer Tools

• Code Formatter: Format and beautify code with support for multiple languages
• JSON Validator: Validate and format JSON data
• cURL Generator: Generate cURL commands for API requests with various options

Social Media Tools

• Social Media Analyzer: Analyze social media post performance and get insights
• Hashtag Generator: Generate relevant hashtags for your content based on niche

🛠️ 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

2. Navigate to the project directory:

cd toolkit-website

3. Install dependencies:

npm install

4. 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

📁 Project Structure

toolkit-website/
├── public/
│   ├── tools.png
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/
│   │   ├── tools/
│   │   │   ├── MortgageCalculator.js
│   │   │   ├── InvestmentCalculator.js
│   │   │   ├── TaxCalculator.js
│   │   │   ├── CodeFormatter.js
│   │   │   ├── JsonValidator.js
│   │   │   ├── CurlGenerator.js
│   │   │   ├── SocialMediaAnalyzer.js
│   │   │   └── HashtagGenerator.js
│   │   ├── pages/
│   │   │   ├── TermsAndConditions.js
│   │   │   ├── PrivacyPolicy.js
│   │   │   └── ContactUs.js
│   │   ├── Navbar.js
│   │   ├── Footer.js
│   │   └── Home.js
│   ├── context/
│   │   └── ThemeContext.js
│   ├── App.js
│   └── index.js
└── package.json

🤝 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

• Website: ehmad.site
• GitHub: @mrxehmad
• X (Twitter): ehmad.site/x
• LinkedIn: ehmad.site/linkedin

🙏 Acknowledgments

• Icons provided by React Icons
• Styling framework by Tailwind CSS
• Built with React.js