https://github.com/harshptl14/toolpool
ToolPool - One stop solution with all tools for your work
https://github.com/harshptl14/toolpool
nextjs reactjs sass tools webapp
Last synced: 4 months ago
JSON representation
ToolPool - One stop solution with all tools for your work
- Host: GitHub
- URL: https://github.com/harshptl14/toolpool
- Owner: harshptl14
- License: mit
- Created: 2021-11-27T20:14:25.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-28T17:46:18.000Z (over 2 years ago)
- Last Synced: 2025-04-09T20:59:31.425Z (about 1 year ago)
- Topics: nextjs, reactjs, sass, tools, webapp
- Language: JavaScript
- Homepage: https://toolpool.app
- Size: 47 MB
- Stars: 8
- Watchers: 3
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# **ToolPool** - One stop solution with all tools for your work
# **Introduction**
**ToolPool** is a one-stop solution for your day to day needs. ToolPool contains various helper tools like, Image resizer, CSS generators, Social media tools, etc. It contains ample amount of tools in various categories like Text, Image, Development, etc.
This website is for everyone whether a normal person who just wants to compress an image or a developer who wants to generate CSS for his website.
The aim to build this website is to reduce the number of tabs open in your browser to do some tiny tasks. This tool will also lower your burden to find a tool from bookmarks that you saved years ago. Now, you just have to bookmark one website and done.
How to use it?
1. Head over to the [TOOLPOOL](https://www.toolpool.cool)
2. Search for the tool you wanna use
3. Most of the tools are user friendly so there won't be any confusion, still if you find them diffcult to use, we have provided a small desciption for every tool
## **Currently available tools**
Text tools
1. Lorem-Ipsum generator
2. Case-Converter
3. Letter counter
4. Multiple Whitespace remover
5. Text to Binary and vice-versa
6. Unique words finder
Image tools
1. Image Resizer
2. Image color picker
Developer tools
1. CSS Box Shadow generator
2. CSS Glass-morphism generator
3. CSS Transition Generator
4. Size Converter(px, em, rem, pt, pr)
Color tools
1. Color code converter (Hex-RGBA)
Social Media tools
1. Tweet generator
Miscellaneous Tools
1. QR Code Generator
# **Tech-Stack**
1. NextJS and ReactJS
2. Google Analytics
3. Figma (for designing purpose)
# **Quick Start**
Start developing locally.
### Step 1: Clone the repo
Fork the repository. then clone the repo locally by doing -
```sh
git clone https://github.com/harshptl14/toolpool.git
```
### Step 2: Install Dependencies
cd into the directory
```sh
cd TOOLPOOL
```
In the root folder do npm install.
```sh
npm install
```
### Step 3: Comment GA code
In `_app.js` comment out the Google analytics related code. Your `_app.js` should look like this,
_app.js
```javascript
import Layout from "../components/Layout";
import Script from "next/script";
import * as gtag from "../lib/gtag";
import { useRouter } from "next/router";
import { useEffect } from "react";
function MyApp({ Component, pageProps }) {
// const router = useRouter();
// useEffect(() => {
// const handleRouteChange = (url) => {
// gtag.pageview(url);
// };
// router.events.on("routeChangeComplete", handleRouteChange);
// return () => {
// router.events.off("routeChangeComplete", handleRouteChange);
// };
// }, [router.events]);
return (
<>
{/*
*/}
>
);
}
export default MyApp;
```
#### And you are good to go
```sh
npm run dev
```
## What's inside?
A quick look at the folder structure of this project.
.
├── components
| ├──HomeScreen
| ├──Toast
| ├──Tools
| | ├──[CATEGORY-WISE FOLDERS]
| ├──ToolScreen
├──hooks
├──lib
├──pages
├──public
| ├──assets
| ├──icons
| ├──svg
├──static
| ├──helpers
| ├──icons
| ├──toolDescriptions
| ├──utils
├──styles
.
# **How can I contribute?**
We love your input. You can contribute to this project in many ways like,
- Raise an issue or bug
- Prapose or Create a new feature
- Improve the documentation
- Submitting a fix
Refer [CONTRIBUTING.MD](CONTRIBUTING.md) before you start contributing.
# **Support the project ♥**
We open-sourced almost everything we can, and we try to reply to everyone needing help using these tools. Obviously, this takes time. You can use this service for free.
However, if you are using this project and are happy with it or just want to encourage us to continue creating stuff, there are few ways you can do it :-
- Starring and sharing the project 🚀
- Buy us a kofi
[
]()
Made with 💚 on Earth