prode — Vite 后台模板

SHA-256: 2aea5662868e43eb9fbb44e8214e7b515654a1dc987805242761c0fb50891124

2026-10-03T15:52:18.206Z

<h1 align="center">
prode
</h1>

<p align="center">
  <img src="https://github.com/farzadasgari/prode/raw/refs/heads/main/public/prode.png" alt="prode logo" width="120"/>
</p>

---

<div align="center">

[![GitHub stars](https://img.shields.io/github/stars/farzadasgari/prode)](https://github.com/farzadasgari/prode/stargazers)
[![GitHub license](https://img.shields.io/github/license/farzadasgari/prode)](https://github.com/farzadasgari/prode/blob/main/LICENSE)
[![Live Demo](https://img.shields.io/badge/Live%20Demo-online-crimson)](https://farzadasgari.github.io/prode)

</div>

---

## Live Demo
🚀 **Try it now:** https://farzadasgari.github.io/prode

---

## About

**prode** is a modern, modular, and extensible productivity web application. It provides a robust set of tools for task management, project organization, analytics, and personal workflow optimization. Built with React, TypeScript, Vite, and TailwindCSS, prode is fast, beautiful, and easy to extend.

---

## Features

- **Task Management:** Create, edit, and organize tasks in a smooth, Kanban-style interface.
- **Kanban Board:** Visual project management for tracking progress and organizing tasks.
- **Calendar Integration:** View and schedule tasks/events with a built-in interactive calendar.
- **Analytics Dashboard:** Get insights into your productivity, project stats, and task completion rates.
- **Projects:** Manage multiple projects, each with its own tasks, analytics, and settings.
- **User Profile:** Personalize your workspace and manage your profile.
- **Notifications:** Stay up-to-date with in-app notifications.
- **Settings Panel:** Customize app preferences, appearance (light/dark mode), and more.
- **Responsive Design:** Fully responsive and mobile-friendly UI.
- **404 Not Found Page:** Friendly error page for unknown routes.
- **Modular Components:** Easy to extend and adapt for your own use cases.

---

## Screenshots & GIFs

<div align="center">
  <table>
    <tr>
      <td align="center">
        <img src="https://github.com/farzadasgari/prode/raw/refs/heads/main/public/desktop-view.gif" alt="Desktop Demo GIF" height="350"/>
        <br>
        <em>Desktop demo</em>
      </td>
      <td align="center">
        <img src="https://github.com/farzadasgari/prode/raw/refs/heads/main/public/mobile-view.gif" alt="Mobile Demo GIF" height="350"/>
        <br>
        <em>Mobile demo</em>
      </td>
    </tr>
  </table>
</div>

➡️ For full screenshots and details, see [SCREENSHOTS](https://github.com/farzadasgari/prode/blob/main/SCREENSHOTS.md).

---

## Getting Started

### Prerequisites

- Node.js >= 18
- npm or yarn

### Installation

```bash
git clone https://github.com/farzadasgari/prode.git
cd prode
npm install
```

### Running Locally

```bash
npm run dev
```

### Build

```bash
npm run build
```

---

## Contributing

We welcome contributions! Please see [CONTRIBUTING](https://github.com/farzadasgari/prode/blob/main/CONTRIBUTING.md) for guidelines.

- Feature requests, bug reports, and pull requests are appreciated.

---

## Support & Donations

If you find prode useful, please consider supporting development:

**💸 Crypto Donations**
- Bitcoin: `bc1qxd8um2jre6xz4je64uhar9eh9uzu9yrvzh08sm`
- Ethereum: `0xCc8693060409263F68e37f75f76d519c19B2bAdE`
- USDT (TRC20): `TLL9ou7PahrNob2GEppV3o4e5B9vYqgsJN`

**🌐 Donate via CoinDrop**
<p align="center">
  <a href="https://coindrop.to/farzadasgari" target="_blank">
    <img src="https://coindrop.to/embed-button.png" style="border-radius: 10px; height: 57px !important;width: 229px !important;" alt="Coindrop.to me">
  </a>
</p>

---

## License

This project is licensed under the terms of the [MIT License](https://github.com/farzadasgari/prode/blob/main/LICENSE).

---

## Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://farzadasgari.ir/)

[![Google Scholar Badge](https://img.shields.io/badge/Google%20Scholar-4285F4?logo=googlescholar&logoColor=fff&style=for-the-badge)](https://scholar.google.com/citations?user=Rhue_kkAAAAJ&hl=en)

[![ResearchGate Badge](https://img.shields.io/badge/ResearchGate-0CB?logo=researchgate&logoColor=fff&style=for-the-badge)](https://www.researchgate.net/profile/Farzad-Asgari)

[![linkedin Badge](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/farzad-asgari/)

[![X Badge](https://img.shields.io/badge/X-000?style=for-the-badge&logo=x&logoColor=white)](https://x.com/farzad_asg)

---

<div align="center">
  <sub>Made with ❤️ by <a href="https://github.com/farzadasgari">FarZad</a></sub>
</div>