Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for managing students in a ceramic school, providing a comprehensive solution for class scheduling, student management, and communication. The application enables users to register classes, send reminders to students, redeem gift vouchers, and manage financial transactions efficiently.

## CORE FEATURES
1. **Class Calendar**: A user-friendly calendar interface for scheduling and managing classes, allowing users to easily add, edit, or remove classes.
2. **Student Management**: A dedicated section for adding, editing, and managing student profiles, including the ability to import and export student data.
3. **Class Reminders**: Automated reminders sent to students about upcoming classes and experiences, ensuring they stay informed.
4. **Gift Voucher Redemption**: A feature for students to redeem gift vouchers, which can be easily tracked and managed by the admin.
5. **Payment Tracking**: An integrated system for tracking payments made during the month, with options to export financial data for accounting purposes.

## 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**: A clean, responsive layout with a sidebar for navigation, a main content area for features, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing application state)

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Install Node.js, create a new React project using Create React App with TypeScript, and integrate Tailwind CSS.
2. **Design the Application Structure**: Create a folder structure for components, pages, and services. Set up routing using React Router.
3. **Build the Core Components**:
   - Create the calendar component for class scheduling.
   - Develop the student management form for adding and editing student profiles.
   - Implement the reminders system using a notification library.
   - Set up the payment tracking dashboard.
   - Create the gift voucher redemption interface.
4. **Implement State Management**: Set up Redux Toolkit for managing the application state, including students, classes, and payments.
5. **Connect to a Backend (if needed)**: Create a simple backend using Node.js/Express or integrate with a third-party API for data management.
6. **Test the Application**: Conduct thorough testing for functionality, responsiveness, and user experience.
7. **Deploy the Application**: Use a platform like Vercel or Netlify for deploying the application, ensuring it is accessible to users.

## USER EXPERIENCE
Users will have an intuitive experience with a clean interface that emphasizes simplicity. Key interactions include navigating through the sidebar, easily scheduling classes, managing student data, and receiving timely reminders. The application will be responsive, ensuring seamless use on various devices, enhancing accessibility and usability for all users.