marketing-shibata50/tududi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update github pages landing page

Browse source
This commit is contained in:
Chris Veleris 2025-06-17 12:07:53 +03:00
parent f088fc9839
commit 613423e485
4 changed files with 69 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -1,6 +1,6 @@
# 📝 tududi
`tududi` is a task and project management web application that allows users to efficiently manage their tasks and projects, categorize them into different areas, and track due dates. It is designed to be intuitive and easy to use, providing a seamless experience for personal productivity.
`tududi` is a self-hosted task and project management web application with hierarchical organization (Areas > Projects > Tasks), multi-language support, and Telegram integration. Built with React/TypeScript frontend and functional programming Express.js backend, it provides an intuitive experience for personal productivity.
![Light Mode Screenshot](screenshots/all-light.png)
@ -286,7 +286,7 @@ cd ..
npm test
```
Note: Test suites are currently being migrated from the Ruby/Sinatra implementation.
Note: The application has been fully migrated from Ruby/Sinatra to a functional programming Express.js implementation with comprehensive test coverage.
## 🤝 Contributing

1
backend/package.json
View file

@ -1,6 +1,7 @@
{
"name": "backend",
"version": "1.0.0",
"description": "Functional programming Express.js backend for tududi task management application",
"main": "index.js",
"scripts": {
"start": "node app.js",

88
index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tududi - Task Management Made Simple</title>
<title>tududi - Self-Hosted Task & Project Management</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
@ -579,7 +579,7 @@
<div class="container">
<div class="hero-content">
<h1>Task Management Made Simple</h1>
<p>Efficiently manage your tasks and projects, categorize them into different areas, and track due dates with this intuitive and easy-to-use web application.</p>
<p>Self-hosted task management with hierarchical organization (Areas > Projects > Tasks), multi-language support, and Telegram integration. Built with React/TypeScript frontend and functional programming Express.js backend.</p>
<div class="hero-buttons">
<a href="https://github.com/chrisvel/tududi" class="primary-button">View on GitHub</a>
<a href="#installation" class="secondary-button">Quick Install</a>
@ -592,51 +592,93 @@
<section class="features" id="features">
<div class="container">
<div class="section-header">
<h2>Features</h2>
<p>tududi provides everything you need for efficient task and project management in a clean, intuitive interface.</p>
<h2>Powerful Features for Modern Productivity</h2>
<p>tududi combines the simplicity of personal task management with the power of professional project organization. Built for individuals and teams who value privacy, control, and efficiency.</p>
</div>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-tasks"></i>
</div>
<h3>Task Management</h3>
<p>Create, update, and delete tasks. Mark them as completed and view them by different filters. Order them by Name, Due Date, Date Created, or Priority.</p>
<h3>Advanced Task Management</h3>
<p>Create, update, and organize tasks with rich metadata including priorities, due dates, and custom tags. Smart sorting by name, date, priority, or completion status with powerful filtering options.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-sticky-note"></i>
</div>
<h3>Quick Notes</h3>
<p>Create, update, delete, or assign text notes to projects for better organization and documentation of your work.</p>
<h3>Project Documentation</h3>
<p>Attach detailed notes and documentation to any project. Rich text support for meeting notes, project requirements, ideas, and reference materials - all searchable and organized.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-tag"></i>
</div>
<h3>Tags</h3>
<p>Create tags for tasks and notes to enhance organization and make filtering your work items easier.</p>
<h3>Flexible Tagging System</h3>
<p>Create custom tags for cross-cutting concerns like #urgent, #client-work, or #personal. Tag both tasks and notes for powerful cross-project organization and instant filtering.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-project-diagram"></i>
</div>
<h3>Project Tracking</h3>
<p>Organize tasks into projects. Each project can contain multiple tasks and/or multiple notes.</p>
<h3>Hierarchical Project Organization</h3>
<p>Structure your work with Areas containing Projects containing Tasks. Perfect for GTD methodology - separate work areas, personal projects, and specific actionable tasks.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-layer-group"></i>
</div>
<h3>Area Categorization</h3>
<p>Group projects into areas for better organization and focus on what matters to you.</p>
<h3>Life Area Management</h3>
<p>Organize projects into life areas like Work, Personal, Health, or Learning. Maintain clear boundaries between different aspects of your life while keeping everything in one place.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-calendar-check"></i>
</div>
<h3>Due Date Tracking</h3>
<p>Set due dates for tasks and view them based on due date categories like Today, Upcoming, or Someday.</p>
<h3>Intelligent Due Date Management</h3>
<p>Set due dates with smart categorization: Today's priorities, Upcoming deadlines, and Someday tasks. Visual indicators and automatic sorting keep you focused on what matters now.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-language"></i>
</div>
<h3>Multi-Language Support</h3>
<p>Available in multiple languages including English, German, Greek, Spanish, Japanese, and Ukrainian among others.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-paper-plane"></i>
</div>
<h3>Telegram Integration</h3>
<p>Create tasks directly through Telegram messages, receive daily digests of your tasks, and quick capture ideas on the go. Never miss important deadlines with automated notifications.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-mobile-alt"></i>
</div>
<h3>Responsive Design</h3>
<p>Seamlessly works across all devices - desktop, tablet, and mobile. Dark and light themes with automatic system preference detection.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-server"></i>
</div>
<h3>Self-Hosted Privacy</h3>
<p>Keep your data completely private and under your control. No cloud dependencies, no data mining, no subscription fees - just your own secure installation.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-filter"></i>
</div>
<h3>Smart Filtering & Search</h3>
<p>Advanced filtering by status, priority, due dates, tags, and projects. Quick search functionality to find exactly what you need instantly.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-chart-line"></i>
</div>
<h3>Productivity Insights</h3>
<p>Track your progress with task completion statistics, project timelines, and productivity patterns to optimize your workflow.</p>
</div>
</div>
</div>
@ -645,8 +687,8 @@
<section class="screenshots" id="screenshots">
<div class="container">
<div class="section-header">
<h2>Screenshots</h2>
<p>See tududi in action with these screenshots showcasing its clean interface and functionality.</p>
<h2>Clean, Intuitive Interface</h2>
<p>Experience tududi's thoughtfully designed interface that adapts to your workflow. Dark and light themes, responsive design, and distraction-free focus on what matters most.</p>
</div>
<div class="screenshots-grid">
<div class="screenshot">
@ -669,8 +711,8 @@
<section class="installation" id="installation">
<div class="container">
<div class="section-header">
<h2>Quick Installation</h2>
<p>Get started with tududi in just a few simple steps using Docker.</p>
<h2>Easy Self-Hosted Setup</h2>
<p>Deploy tududi in minutes with Docker. No complex configuration, no external dependencies - just pull, configure, and run. Your data stays completely under your control.</p>
</div>
<div class="installation-steps">
<div class="step">
@ -717,8 +759,8 @@
<section class="cta">
<div class="container">
<h2>Ready to Get Started?</h2>
<p>Join our open-source community and contribute to the development of tududi or simply start using it today!</p>
<h2>Take Control of Your Productivity</h2>
<p>Join thousands of users who've chosen privacy and control over their task management. Start your self-hosted tududi instance today and experience distraction-free productivity.</p>
<div class="cta-buttons">
<a href="https://github.com/chrisvel/tududi" class="cta-white">View on GitHub</a>
<a href="https://github.com/chrisvel/tududi/issues" class="cta-outline">Report Issues</a>
@ -765,7 +807,7 @@
<div class="footer-content">
<div class="footer-column">
<h3>tududi</h3>
<p>A task and project management web application designed to be intuitive and easy to use.</p>
<p>Self-hosted task management with functional programming architecture, hierarchical organization, and multi-language support.</p>
<div class="social-icons">
<a href="https://github.com/chrisvel/tududi"><i class="fab fa-github"></i></a>
</div>

2
package.json
View file

@ -1,7 +1,7 @@
{
"name": "tududi",
"version": "0.3",
"description": "`tududi` is a task and project management web application built with Sinatra. It allows users to efficiently manage their tasks and projects, categorize them into different areas, and track due dates. `tududi` is designed to be intuitive and easy to use, providing a seamless experience for personal productivity.",
"description": "Self-hosted task management with hierarchical organization (Areas > Projects > Tasks), multi-language support, and Telegram integration. Built with React/TypeScript frontend and functional programming Express.js backend.",
"main": "index.js",
"directories": {
"test": "test"