Skip to content

sakil470004/devtools

Repository files navigation

DevTools

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.

Features

  • 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!

Built With

  • 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

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

Make sure you have the following installed:

  • Node.js (v14 or later)
  • npm or yarn

Installation

  1. Clone the repo:

    git clone https://github.com/yourusername/devtools.git
  2. Navigate to the project directory:

    cd devtools
  3. Install the dependencies:

    npm install
  4. Start the development server:

    npm start

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

Usage

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.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  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

Contributors

License

Distributed under the MIT License. See LICENSE for more information.

Contact


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

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •