- This React application provides a landing page where users can input queries that are sent to a Relay app AI agent. The AI agent creates projects and todos in Todoist, which are then displayed on a dedicated results page.
- Landing Page: Clean, modern interface with search functionality
- AI Agent Integration: Sends queries to Relay app for processing
- Todoist Integration: Fetches and displays projects and todos created by the AI agent
- Real-time Updates: Shows loading states and error handling
- Responsive Design: Works on all device sizes
- User Input: User types a query on the landing page
- Relay App: Query is sent to your Relay app AI agent
- Todoist Creation: The AI agent creates a new project and todos in Todoist
- Results Display: The app fetches the created project and todos from Todoist API
- Beautiful UI: Displays the project and todos in an organized, modern interface
The app uses the Todoist REST API v2 to:
- Fetch the most recently created project
- Retrieve all todos within that project
- Display project details, task status, priorities, and due dates
- React 19
- React Router DOM
- Vite
- Tailwind CSS
- Lucide React Icons
- Todoist REST API v2