RememberNow

An offline-first app to make remembering things really easy.

Tech stack

• React 18 - core UI library
• TypeScript - strongly typed language
• Vite PWA - PWA tooling powered by Vite
• React Router v6 - routing that is compatible with Vite PWA
• TanStack Query - powerful asynchronous state management
• Axios - better HTTP client
• TailwindCSS - plug and play styling
• shadcn/ui - headless, customizable components
• eslint - linting
• prettier - automatic formatting
• husky - pre-commit checks
• Conventional Commits - consistent commit messages

Getting started

Set up:

git clone https://github.com/remember-now/app.git && \
cd app && \
npm install && \
cp .env.example .env && \
npx husky install

Run:

npm run dev

Mocks

Development mocks are available for testing the chat agent without a backend. Enable mocking by setting VITE_USE_MOCK_API=true in your .env file.

Mock Commands

Send these messages in the chat to trigger mock responses:

Error Testing

• mock error - Triggers a 500 server error
• mock error 404 - Triggers a 404 not found error
• mock error 401 Unauthorized access - Custom error with message

Navigation Testing

• mock navigate - Navigate to home page
• mock navigate /dashboard - Navigate to specific route

Predefined Scenarios

• mock scenario navigate-success - Successful navigation to dashboard
• mock scenario navigate-fail - Navigation to invalid route
• etc...

Use mock scenario without parameters to see all available scenarios.

Mock responses include realistic chat messages and action execution for testing the complete user flow.