An open API service indexing awesome lists of open source software.

https://github.com/greathayat/upwork-text-formatter

A simple tool to format your upwork profile text
https://github.com/greathayat/upwork-text-formatter

ai reactjs upwork upwork-profile-description

Last synced: 16 days ago
JSON representation

A simple tool to format your upwork profile text

Awesome Lists containing this project

README

          

# Upwork Profile Formatter

Transform your ordinary text into eye-catching, professionally formatted Upwork profiles that stand out from the crowd.

Screenshot 2025-08-20 at 9 13 06β€―AM

## ✨ Features

- **πŸ“ Text Formatting**: Bold, italic, and underline support using markdown syntax
- **😊 Emoji Support**: Full emoji picker with search and categories
- **πŸ“‹ Bullet Points**: Organize your skills and experience with clean lists
- **⚑ Real-time Conversion**: Instant markdown to Unicode transformation
- **πŸ“± Responsive Design**: Works perfectly on desktop and mobile devices
- **πŸ“‹ One-click Copy**: Copy formatted text directly to your clipboard

## πŸš€ How It Works

1. **Write**: Type your profile description using simple markdown syntax
2. **Format**: Use toolbar buttons or markdown syntax like `**bold**` and `*italic*`
3. **Add Emojis**: Click the emoji button to add personality to your profile
4. **Copy**: Click the copy button and paste directly into your Upwork profile

## πŸ“– Markdown Syntax

| Syntax | Output | Description |
| ---------- | --------- | --------------- |
| `**text**` | 𝗯𝗼𝗹𝗱 | Bold text |
| `*text*` | π˜ͺ𝘡𝘒𝘭π˜ͺ𝘀 | Italic text |
| `__text__` | uΜ²nΜ²dΜ²eΜ²rΜ²lΜ²iΜ²nΜ²eΜ² | Underlined text |
| `- item` | β€’ item | Bullet points |

## πŸ› οΈ Technologies Used

- **React 18** with TypeScript
- **Tailwind CSS** for styling
- **Lucide React** for icons
- **emoji-picker-react** for emoji support

## 🎯 Perfect For

- Upwork freelancers wanting to stand out
- Creating professional-looking profiles
- Adding visual appeal to plain text descriptions
- Organizing skills and experience clearly

## πŸ’‘ Pro Tips

- ✨ Use **bold** for important skills and achievements
- 🎯 Add bullet points to organize your experience
- 😊 Include relevant emojis to add personality
- πŸ“Š Highlight specific numbers and results

## 🚦 Getting Started

```bash
# Clone the repository
git clone

# Install dependencies
npm install

# Start development server
npm start
```

## πŸ“„ License

This project is open source and available under the [MIT License](LICENSE).

---

**Built with ❀️ for freelancers worldwide**