https://github.com/andrecrjr/actracker
Habit Tracking with module federation
https://github.com/andrecrjr/actracker
habit-tracking modernjs module-federation-examples saas-application typescript
Last synced: about 2 months ago
JSON representation
Habit Tracking with module federation
- Host: GitHub
- URL: https://github.com/andrecrjr/actracker
- Owner: andrecrjr
- Created: 2025-01-04T19:42:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-04T03:06:02.000Z (about 1 year ago)
- Last Synced: 2025-06-04T09:12:40.831Z (about 1 year ago)
- Topics: habit-tracking, modernjs, module-federation-examples, saas-application, typescript
- Language: TypeScript
- Homepage:
- Size: 1.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ACTracker - Advanced Habit Tracking Platform
A modern, extensible habit tracking platform with plugin support, calendar views, and cloud synchronization.
## Features
- **Daily Habit Tracking**: Mark habits as completed with intuitive checkboxes
- **Calendar View**: Visualize habit streaks and completion rates in month/week views
- **Plugin System**: Extend functionality with community/third-party plugins
- **Cross-Device Sync**: Cloud backup and synchronization
- **Advanced Analytics**: Track streaks, completion rates, and habit evolution
- **Customizable Interface**: Drag-and-drop reordering, dark mode, and theming
- **Multi-Frequency Habits**: Daily, weekly, and monthly tracking patterns
## Core Components
- **Landing Page**: Marketing page with feature highlights and pricing
- **Calendar Mode**: Interactive calendar grid with completion heatmaps
- **Daily Habit List**: Sortable list of daily habits with streak indicators
- **Habit Form**: Detailed habit creation/editing with plugin integrations
- **Plugin Marketplace**: Discover and manage habit extensions
## Technologies
- **Frontend**: React + TypeScript
- **Styling**: Tailwind CSS
- **State Management**: React hooks + localStorage
- **Plugin System**: Webpack Module Federation
- **UI Toolkit**: Radix UI + custom components
- **Icons**: Lucide React
- **Build System**: Modern.js
## Installation
1. Clone repository:
```bash
git clone https://github.com/yourusername/actracker.git
cd actracker
```
## Install dependencies:
```bash
npm install
```
## Start development server:
```bash
npm run dev
```
## Plugin Development
ACTracker supports custom plugins for:
* Custom habit metrics
* Data visualizations
* Integration with third-party services
### Example plugin structure:
```typescript
interface HabitPlugin {
id: string;
name: string;
version: string;
RenderHabitCard?: (habit: Habit) => JSX.Element;
onHabitComplete?: (habit: Habit) => void;
}
```
## Contributing
We welcome contributions! Please follow these steps:
* Fork the repository
* Create a feature branch (git checkout -b feature/amazing-feature)
* Commit your changes
* Push to the branch
* Open a Pull Request
## Acknowledgments
* Lucide React for beautiful icons
* Radix UI for accessible primitives
* Modern.js for build infrastructure
* Webpack/RSpack Module Federation for plugin system