Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to manage user data entries seamlessly through Google Sheets using the Google Drive API. Users will be able to add student data and manage functions via two separate data sheets while ensuring that all entries are stored automatically without any data loss.

## CORE FEATURES
1. **User Authentication**: Secure login for users to access the application and manage their data entries.
2. **Add Student Data Sheet**: An interface for users to input student data which will automatically sync with a dedicated Google Sheet.
3. **Add IE Functions Data Sheet**: A separate sheet for managing additional functions related to the student data, allowing users to easily organize and track various functionalities.
4. **Automatic Data Storage**: Every entry is saved automatically to Google Sheets, ensuring that no data is deleted or lost.
5. **API Integration**: Utilization of the Google Drive API for seamless data handling and storage.
6. **Data Retrieval and Display**: Users can view and manage their entries directly from the application, with real-time updates reflecting in Google Sheets.

## 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 will consist of a header for navigation, a main content area for data entry forms, and a sidebar for quick access to various features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Install Node.js, create a new React project with TypeScript, and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Integrate Google Drive API**: Register your application with Google Cloud Console, obtain API keys, and set up authentication.
3. **Create User Authentication**: Implement login functionality to secure user access.
4. **Design UI Components**: Develop the layout and components using Tailwind CSS, focusing on the minimalist style.
5. **Implement Data Entry Forms**: Create forms for the "Add Student" and "Add IE Functions" data sheets, ensuring they are user-friendly and responsive.
6. **Connect Forms to Google Sheets**: Use Google Drive API to handle data submission and retrieval, ensuring data is stored correctly.
7. **Test Functionality**: Thoroughly test the application to ensure all features work as expected and that data is being stored and retrieved correctly.
8. **Deploy the Application**: Use a service like Vercel or Netlify to deploy the application for public access.

## USER EXPERIENCE
Users will navigate through a clean and simple interface, easily accessing forms to add student data or manage functions. Upon submitting data, users will receive instant feedback indicating successful entries. The application will allow users to view their entries in real-time, enhancing the overall experience by providing a seamless and efficient data management system. 

This minimalist web application aims to deliver a straightforward user experience while effectively leveraging the Google Drive API for data management.