DevTools is a React-based application offering a suite of quick and easy-to-use developer tools. This app provides utilities like a color picker, font picker, JSON formatter, URL encoder/decoder, string converters, and much more to assist developers in their day-to-day tasks.
- Markdown to LinkedIn Post: Convert Markdown text to LinkedIn-friendly format. (done)
- Color Picker: Choose and copy colors quickly. (done)
- Font Picker: Browse and select fonts easily.
- Image to Base64 Converter: Convert images to Base64 encoding.
- JSON Formatter: Format and beautify JSON strings.
- URL Encoder/Decoder: Encode or decode URLs.
- String Converters: Convert strings to different cases (e.g., camelCase, snake_case, kebab-case, etc.).
- And many more developer tools!
- React - JavaScript library for building user interfaces
- Tailwind CSS - Utility-first CSS framework for styling
- DaisyUI - UI components for Tailwind CSS
- React Router - Declarative routing for React
- React Icons - Popular icon sets as React components
To get a local copy up and running, follow these simple steps.
Make sure you have the following installed:
- Node.js (v14 or later)
- npm or yarn
-
Clone the repo:
git clone https://github.com/yourusername/devtools.git
-
Navigate to the project directory:
cd devtools -
Install the dependencies:
npm install
-
Start the development server:
npm start
The app will be running at
http://localhost:5173.
Once the app is running, you'll be able to access the various tools from the homepage. Click on any tool to navigate to its dedicated page.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Mynul Islam
- Add contributors here
Distributed under the MIT License. See LICENSE for more information.
- Your Name - mynul.sakil.@gamil.com
- Project Link: https://github.com/sakil470004/devtools
### Key Sections:
- **Project Overview:** Describes the purpose and features of the DevTools app.
- **Installation Guide:** Step-by-step instructions to get the project up and running.
- **Contributors & Contact:** Information about the contributors and how to reach the project owner.