https://github.com/4msar/tools
Curated tools crafted for developers.
https://github.com/4msar/tools
tools utility
Last synced: 5 months ago
JSON representation
Curated tools crafted for developers.
- Host: GitHub
- URL: https://github.com/4msar/tools
- Owner: 4msar
- Created: 2025-08-08T16:47:25.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-08-08T18:40:01.000Z (12 months ago)
- Last Synced: 2025-10-09T21:48:19.580Z (10 months ago)
- Topics: tools, utility
- Language: Vue
- Homepage: http://tools.msar.me/
- Size: 54.7 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tools
A collection of useful web-based utility tools built with Vue 3, TypeScript, and Tailwind CSS.
## Available Tools
- **JSON Formatter** - Format and validate JSON data
- **Color Palette Generator** - Generate color palettes for your projects
- **Random Color Generator** - Generate random colors in various formats
## Development
### Setup
```bash
# Install dependencies
yarn install
# Start development server
yarn dev
# Build for production
yarn build
```
### Tech Stack
- Vue 3 with TypeScript
- Vue Router for navigation
- Tailwind CSS for styling
- Vite for bundling
## Deployment
This project is automatically deployed to GitHub Pages using GitHub Actions. The deployment workflow:
1. Triggers on pushes to the `main` branch
2. Builds the Vue application using Vite
3. Deploys to GitHub Pages with proper base URL handling
### Live Demo
The tools are available at: `https://4msar.github.io/tools/`
### Manual Deployment
To deploy manually:
1. Ensure GitHub Pages is enabled in repository settings
2. Set the source to "GitHub Actions"
3. Push to the main branch to trigger deployment