Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for mathematical calculations. It aims to provide users with an intuitive interface to perform various mathematical operations, offering a clean and efficient experience for students, professionals, and anyone needing assistance with math.

## CORE FEATURES
1. **Calculator Module**: A versatile calculator that supports basic operations (addition, subtraction, multiplication, division) and advanced functions (exponents, square roots, trigonometric functions).
2. **History Log**: A feature that stores the user's recent calculations, allowing easy access to past results and operations.
3. **Unit Converter**: A built-in tool that converts between different units of measurement, such as length, weight, and volume.
4. **Graphing Tool**: An interactive tool that allows users to graph equations and visualize mathematical concepts.
5. **User Accounts**: Optional user registration and login functionality for saving settings and history across sessions.
6. **Responsive Design**: A mobile-friendly layout that ensures usability across devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout consists of a top navigation bar, a central calculator interface, a sidebar for additional tools (like the unit converter and graphing tool), and a footer with user account options.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for more complex state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design the Layout**: Create the main layout with a navigation bar, central calculator area, sidebar for tools, and footer.
3. **Implement the Calculator Module**: Build the calculator functionality using React hooks to manage state and display results.
4. **Develop the History Log**: Create a component to manage and display previous calculations, possibly using local storage for persistence.
5. **Build the Unit Converter**: Integrate a unit conversion feature that allows users to select units and input values to convert.
6. **Add Graphing Tool**: Utilize a library such as Chart.js or D3.js to implement the graphing tool for visualizing equations.
7. **User Authentication**: If adding user accounts, implement a basic authentication flow using Firebase or another backend service.
8. **Testing and Debugging**: Conduct thorough testing to ensure all features are functioning correctly and the application is responsive.
9. **Deployment**: Deploy the application to a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Key user interactions include a straightforward input method for calculations, easy access to the history log for viewing past results, and a simple interface for navigating between the calculator, unit converter, and graphing tools. Users will have a seamless experience with responsive design ensuring functionality on both desktop and mobile devices. The minimalist aesthetic will enhance usability and reduce cognitive load, allowing users to focus on their calculations.