Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a personal assistant web app designed for students aged 18, inspired by the sophisticated style of the Kingsman franchise. It functions similarly to a Jarvis assistant, offering various tools and functionalities to streamline everyday life, including scheduling, reminders, and academic resources. The focus is on creating an intuitive and visually appealing user experience.

## CORE FEATURES
1. **Task Management**: Users can create, edit, and delete tasks, set deadlines, and categorize them for better organization.
2. **Calendar Integration**: A built-in calendar that syncs with personal events, academics, and reminders to help users manage their time effectively.
3. **Resource Hub**: Curated educational resources, including links to study materials, online courses, and academic tools tailored for students.
4. **Daily Briefing**: A summary feature that provides users with a daily overview of tasks, upcoming events, and motivational quotes or tips.
5. **Notes and Reminders**: Users can jot down quick notes and set reminders for important tasks or events.
6. **Personalization Settings**: Options for users to customize their app experience, including themes, notifications, and preferred resources.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean lines and simplicity, with abundant white space to enhance readability and focus.
- **Color Mode**: A light theme featuring dark text on light backgrounds, ensuring clarity and comfort for the user.
- **Layout**: A single-page layout with a clear header for navigation, a main content area for features, and a footer for additional resources and contact information. The layout should be responsive, adapting seamlessly to various screen sizes.
- **Typography**: Use sans-serif fonts like Helvetica or Arial for a modern and approachable feel. Maintain a clear hierarchy with larger headings for titles and slightly smaller text for descriptions to guide the user’s eye.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iterations while maintaining consistency.
- **UI Components**: Integrate components from shadcn/ui for a polished and modern interface.
- **State Management**: Use React Context or a lightweight state management solution if needed for managing global states, such as user preferences and tasks.

## IMPLEMENTATION STEPS
1. Set up the React with TypeScript project using Create React App or a similar boilerplate.
2. Install Tailwind CSS and configure it for use within the project.
3. Create a main layout component that includes a header, main content area, and footer.
4. Develop individual feature components (e.g., Task Management, Calendar Integration) and ensure they are modular for easy maintenance.
5. Implement state management for tasks and user settings using React Context.
6. Ensure responsiveness using Tailwind's responsive utilities, testing on different devices.
7. Polish the UI with shadcn/ui components for refined interactions and visual appeal.
8. Conduct user testing to gather feedback and make necessary adjustments prior to launch.

## USER EXPERIENCE
Users will interact with a sleek and straightforward interface, navigating through the app via a top navigation bar. The main dashboard will display their tasks, upcoming events, and daily briefings at a glance. Users can quickly add tasks or reminders through a floating action button, ensuring that the experience remains fluid and engaging. The app will provide feedback on user actions, such as confirming task additions or deletions, to create a satisfying interaction loop. The minimalist design will help users focus on their priorities without unnecessary distractions.