honest-react
Abhinav Sharmacreate a react todo app with RTK
Comments (0)
Sign in to leave a comment
Project Tasks15
Implement Global Design System
As a developer, I want a global design system with reusable components, typography, spacing, and color tokens (Primary #4CAF50, Accent #FFC107, Text #212121, Error #F44336, BG #FFFFFF) so that all pages maintain visual consistency matching the mock designs.
Setup Frontend Theme Config
As a developer, I want the frontend configured with CSS custom properties and shared theme tokens matching the SRD color palette so that all components use consistent design variables inherited from a single source of truth.
Build Task CRUD API
As a backend system, I want REST API endpoints (POST /tasks, GET /tasks/{id}, PUT /tasks/{id}, DELETE /tasks/{id}, PATCH /tasks/{id}/complete) secured with JWT so that the frontend can perform full task lifecycle management with IST timezone support on all datetime fields.
Align Color and Theme
As a developer, I want all existing scaffold pages audited and updated to match the SRD color palette and typography so that no off-brand colors exist across Landing, Login, Signup, Task, and Dashboard pages before feature development begins.
Build Task List Filter API
As a user, I want a GET /tasks API endpoint supporting filtering by status and priority and sorting by due date so that the Kanban Dashboard can fetch and organize tasks into columns efficiently.
Implement Landing Page
As a visitor, I want to see a polished Landing page (v2 design) with a hero section, animated Kanban preview, feature highlights, social proof, pricing, FAQ, and CTAs to Login or Signup so that I understand the product value and can navigate onward. Implement based on the existing Landing v2 JSX design.
Implement Login Page
As a returning user, I want a styled Login page (v2 design) with email/password fields, show/hide password toggle, remember me checkbox, forgot password link, Google login option, error feedback in #F44336, and a link to Signup so that I can authenticate and reach my dashboard. Implement based on the existing Login v2 JSX design.
Implement Signup Page
As a new user, I want a styled Signup page (v2 design) with name, email, and password fields, real-time validation feedback, and a redirect to Login after successful registration so that I can create my account. Implement based on the existing Signup v2 JSX design.
Implement Dashboard Page
As an authenticated user, I want a Kanban board Dashboard page (v1 design) showing tasks in To Do, In Progress, and Done columns with drag-and-drop support, card quick-actions (edit, delete, mark complete), and a sticky header with a quick-add button so that I can visualize and manage my tasks at a glance. Implement based on the existing Dashboard v1 JSX design.
Implement Task Form Page
As a user, I want an Add/Edit Task page (v2 design) with fields for title, description, priority, due date (IST timezone), and status so that I can create new tasks or update existing ones and be redirected back to the Dashboard on save. Implement based on the existing Task v2 JSX design.
Integrate RTK Task State
As a frontend developer, I want RTK Query slices wired to the Task CRUD and list APIs so that the Dashboard and Task Form pages reflect real-time server state with optimistic updates and loading/error states handled gracefully.
Wire JWT Auth Flow
As a user, I want my Login and Signup form submissions to store JWT tokens via RTK auth slice and enforce protected route guards so that the Dashboard and Task pages are only accessible when authenticated and I am redirected correctly on login/logout.
Implement Mark Complete Feature
As a user, I want to mark a task as complete directly from the Kanban board card quick-action button so that I can update task status to Done without opening the full edit form, with the card animating to the Completed column.
Add API Error Handling
As a user, I want meaningful error messages displayed in #F44336 red on the UI when API calls fail (e.g. invalid credentials, network errors, validation failures) so that I understand what went wrong and can take corrective action.
Tech Lead Integration Review
As a team, I want a Tech Lead review of the end-to-end integration between frontend RTK slices, JWT auth flow, and FastAPI endpoints so that architectural consistency, security (GDPR compliance), and performance targets (2s load, 10k concurrent users) are validated before release.
Manage Tasks.
Stay Honest With Yourself.
A clean, intuitive task manager built with React & Redux — organize your work on a beautiful Kanban board, track progress, and actually get things done.
Everything You Need to Stay on Track
Task CRUD Operations
Create, read, update, and delete tasks effortlessly. Manage your entire workflow from a single, intuitive dashboard built with Redux Toolkit.
Kanban Board View
Visualize your tasks across To Do, In Progress, and Completed columns. See your progress at a glance with our dynamic kanban-style board.
Drag & Drop
Move tasks between columns with smooth drag-and-drop interactions. Reorder priorities naturally — just grab a card and place it where it belongs.
Mark Complete
Check off tasks as you finish them and watch your progress grow. Toggle between pending and completed states with a single satisfying click.
Secure Authentication
JWT-based login and registration keeps your data safe. Your tasks are private, encrypted, and accessible only to you — anytime, anywhere.
Responsive Design
Manage tasks on any device — desktop, tablet, or mobile. The UI adapts seamlessly so you stay productive whether you’re at your desk or on the go.
Your Tasks, Visualized.
Get Started in 3 Simple Steps
From sign-up to task mastery in minutes. No complicated setup, no learning curve.
Create your account
Sign up in seconds with your email. No credit card required — get instant access to your personal task dashboard.
Add your tasks
Quickly add tasks to your board with titles, descriptions, and priorities. Organize them across To Do, In Progress, and Done columns.
Track & complete
Drag and drop tasks as you make progress. Mark them complete and stay honest about what you’ve actually accomplished.
Create your account
Sign up in seconds with your email. No credit card required — get instant access to your personal task dashboard.
Add your tasks
Quickly add tasks to your board with titles, descriptions, and priorities. Organize them across To Do, In Progress, and Done columns.
Track & complete
Drag and drop tasks as you make progress. Mark them complete and stay honest about what you’ve actually accomplished.
What Our Users Are Saying
honest-react transformed how I manage my daily tasks. The Kanban board is intuitive, and having everything synced in IST saves me from timezone confusion. I finally feel in control of my workflow.
Priya Sharma
Product Manager, Bengaluru
As a developer, I appreciate the clean architecture — Redux Toolkit under the hood, JWT auth baked in, and a genuinely responsive UI. It's the task manager I always wanted to build myself.
Rahul Kapoor
Full-Stack Developer, Mumbai
The drag-and-drop Kanban board makes it so satisfying to move tasks to Done. I've tried dozens of to-do apps, but honest-react is the first one that actually kept me coming back every day.
Ananya Mehta
Freelance Designer, Delhi
Simple, Transparent Pricing
Free forever. No credit card required.
Free
Free forever — no credit card needed
- Create, edit & delete tasks
- Kanban board with drag & drop
- Mark tasks as complete
- User authentication (JWT)
- Responsive dashboard
- IST timezone support
Pro
per month · billed annually
- Everything in Free, plus:
- Unlimited task history & analytics
- Priority support & onboarding
- Team collaboration boards
- Custom labels & categories
- Advanced filters & search
- Export to CSV & PDF
- GDPR-compliant data controls
Frequently Asked Questions
All data is encrypted in transit and at rest. We use JWT (JSON Web Token) based authentication to ensure only you can access your tasks. Our backend is built with FastAPI and follows industry-standard security practices to protect your information.
Yes! honest-react is built with India-first defaults. All timestamps, due dates, and time-related features default to IST (UTC+5:30), so you never have to worry about timezone conversions when managing your tasks.
Absolutely. We comply with GDPR and other relevant data protection regulations. You have full control over your data — you can export, modify, or delete your account and all associated tasks at any time.
Yes, honest-react is fully responsive and works seamlessly across desktops, tablets, and mobile phones. The Kanban board adapts to smaller screens with horizontal snap scrolling for an optimal mobile experience.
Our signature Kanban board lets you organize tasks into columns like To Do, In Progress, and Completed. Simply drag and drop task cards between columns to update their status. Hover over any card to reveal quick-action buttons for editing, deleting, or marking tasks complete.
Yes! honest-react is free forever for core features including task CRUD operations, the Kanban board, drag-and-drop management, and JWT authentication. No credit card required to get started. We also offer a Pro plan with advanced features for power users.
Start Managing Tasks Honestly Today.
Join thousands of productive users who trust honest-react to organize their work, track progress, and get things done — completely free.
No comments yet. Be the first!