prode - GitLite

KO | EN

gitlite — search

#containers #devops #swift #claude #generative-ai #kubernetes #ruby #cpp #chatgpt #ai-agent

prode

(★ 13)

A React template for task management dashboards. Features a responsive sidebar, breadcrumbs, and task pages. Built with Tailwind, it scales for organizations of any size, integrating with any backend API.

파일 탐색기

ZIP 다운로드

- - bug_report.md
- - eslint.yml
- pull_request_template.md
- Analytics.PNG
- Analyticsm.PNG
- Calendar.PNG
- Dashboard.PNG
- Dashboardm.PNG
- desktop-view.gif
- favicon.ico
- Kanban.PNG
- mobile-view.gif
- prode.png
- Projects.PNG
- Tasks.PNG
- - react.svg
- - ThemeToggle.tsx
- - use-mobile.tsx
  - use-toast.ts
- - utils.ts
- - Analytics.tsx
  - Calendar.tsx
  - Index.tsx
  - Kanban.tsx
  - Master.tsx
  - NotFound.tsx
  - Profile.tsx
  - Projects.tsx
  - Settings.tsx
  - Tasks.tsx
- App.css
- App.tsx
- index.css
- main.tsx
.eslintrc.json
.gitignore
components.json
CONTRIBUTING.md
eslint.config.js
index.html
LICENSE
package-lock.json
package.json
postcss.config.js
README.md
SCREENSHOTS.md
tailwind.config.ts
tsconfig.app.json
tsconfig.json
tsconfig.node.json
vite.config.ts

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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