Descriptions

A productivity tool that comes with an idea-action-todo workflow. Designed for the users seeking seamless idea transformation into actionable tasks, empowering efficient life management. 

GitHub: https://github.com/chriskang0917/Reminded

Demo: https://youtu.be/80K8JyhXGfs

Website: https://reminded.web.app

Tech Stacks

• Utilized TypeScript for type safety and improved codebase maintainability.
• Implemented centralized global state management and data transformation using MobX.
• Integrated custom Hooks to modularize code and replace repetitive segments.
• Enhanced UX by implementing drag-and-drop functionality using dnd kit for seamless card swapping.
• Developed a single page application (SPA) with React Router for smooth navigation and maintained code splitting.
• Integrated debounce mechanism to reduce request frequency.
• Optimized code structure using Strategy pattern and Dependency Injection.
• Created responsive layouts with Tailwind and NextUI, ensuring rapid development.
• Incorporated tag input using react-mentions, enabling rapid addition of tags by typing ‘#'.
• Built tutorial UI flow with driver.js for improved user guidance.
• Elevated card manipulation experience with Framer Motion for better UX.
• Implemented Firebase Authentication and Cookies for secure login with a 30-day expiration.
• Managed database operations using Firestore.