Design een tool waarmee leerkrachten basisonderwijs hun weekrooster kunnen maken.
Generated Prompt
*italic text*## APPLICATION OVERVIEW This project is a web application designed for primary school teachers to create and manage their weekly schedules. The tool aims to simplify the planning process, allowing educators to easily organize their classes, activities, and events in a user-friendly interface. ## CORE FEATURES 1. **Schedule Creation**: Allows teachers to drag and drop subjects and activities into a weekly calendar view, facilitating easy adjustments. 2. **Template Library**: Provides pre-designed templates that teachers can choose from to quickly set up their weekly schedules. 3. **Collaboration Tools**: Enables teachers to share their schedules with colleagues or administrators for collaborative planning and feedback. 4. **Notifications & Reminders**: Sends alerts for upcoming classes or events to help teachers stay on track. 5. **Customizable Views**: Offers different viewing options (daily, weekly, monthly) for teachers to visualize their schedules as per their preference. 6. **Export Options**: Allows teachers to export their schedules in various formats (PDF, CSV) for printing or sharing. ## 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 sidebar for navigation, a header for quick access to important tools, and a central area displaying the calendar and schedule management features. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (or Context API if preferred) ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using TypeScript and install the necessary dependencies (React Router, Tailwind CSS, shadcn/ui). 2. **Create Components**: Develop reusable components such as buttons, inputs, and calendar views using Tailwind CSS for styling. 3. **Build Layout**: Implement the main layout structure with a sidebar for navigation and a header for quick access tools. 4. **Implement Core Features**: - Develop the schedule creation functionality with drag-and-drop capabilities. - Create the template library and integrate it into the scheduling system. - Add collaboration tools to enable sharing and feedback on schedules. - Implement notifications and reminders functionality. - Enable customizable views for the calendar interface. - Develop export options for schedules. 5. **State Management**: Set up Redux or Context API to manage application state for schedules, templates, and user preferences. 6. **Testing**: Conduct thorough testing for usability and performance across different devices to ensure a seamless user experience. ## USER EXPERIENCE Teachers will interact with the application primarily through a visually intuitive calendar interface. They can easily create and modify their schedules using drag-and-drop functionality. The template library provides quick setup options, while collaboration tools enhance communication with colleagues. Notifications will keep users informed of upcoming classes, and the customizable views allow for personalized management of their schedules. The export options ensure that teachers can share their schedules in a format that suits their needs. The overall experience will be streamlined and focused on meeting the needs of educators efficiently. BUILD A WEB APP MVP CALLED: "RoosterAI Basisonderwijs" PURPOSE Create an AI-powered Dutch primary education scheduling platform for teachers and quality coordinators. The app generates smart weekly schedules for Dutch primary schools. The system must think like: - experienced teacher - educational advisor - quality coordinator - inspection-aware expert - multi-grade classroom specialist The app supports: - group 1–8 - single groups - combination groups (2 grades) - combination groups (3 grades) - basic unit education support LANGUAGE Developer/build logic: English. Entire app UI, outputs and AI feedback: Dutch. ------------------------------------------------ CORE MVP FEATURES 1. AI WEEKLY SCHEDULE GENERATOR Generate a complete weekly timetable. Inputs: - group(s) - school times - breaks - lunch - gym slots - fixed appointments - teaching methods - education style - inspection mode - preferences AI generates: - full weekly schedule - balanced day structure - instructional planning - subject placement - efficiency optimization Output format: weekly timetable grid. ------------------------------------------------ 2. USER INTAKE SCREEN Create a clean onboarding wizard. Step 1 — Group Setup Options: ○ Single group ○ Combination group 2 grades ○ Combination group 3 grades ○ Unit education Group selector: 1 2 3 4 5 6 7 8 Examples: 1/2 1/2/3 4/5/6 6/7/8 ------------------------------------------------ Step 2 — School Structure Inputs: school start time school end time morning break lunch afternoon break gym moments fixed activities ------------------------------------------------ Step 3 — Teaching Methods Method library. Support: Pluspunt Wereld in Getallen Veilig Leren Lezen Lijn 3 Pennenstreken Staal Blink Eigen methode Each method stores: - subject - recommended lesson duration - recommended frequency ------------------------------------------------ Step 4 — Educational Preferences Checkboxes: ☑ ochtend = kernvakken ☑ instructievakken voor lunch ☑ thematisch onderwijs ☑ EDI ☑ HB / verrijking ☑ inspectiegericht ☑ werkdrukvermindering ☑ rustige klasorganisatie ------------------------------------------------ 3. AI PEDAGOGICAL + DIDACTICAL LOGIC AI must follow Dutch primary education logic. GROUP 1–2 Prioritize: kring spelend leren werkles ontwikkeling movement GROUP 3 Prioritize: daily reading Veilig Leren Lezen rekenen short instruction blocks GROUP 4–8 Prioritize: daily language daily math instruction balance processing time ------------------------------------------------ 4. COMBINATION GROUP ENGINE Very important. Do NOT create separate schedules. Create integrated schedules. Combination logic: parallel instruction rotation blocks shared thematic lessons independent work blocks teacher efficiency Avoid: 3 simultaneous instructions long waiting times teacher overload Example: Group 4 instruction Group 5 independent work Group 6 processing then rotate. ------------------------------------------------ 5. INSPECTION-AWARE ENGINE Strong inspection focus. AI must check: basic skills instruction balance educational time goal-oriented teaching citizenship visibility cognitive load Generate dashboard. Use colors: green orange red Example output: 🟢 rekenen voldoende zichtbaar 🟠burgerschap beperkt zichtbaar 🔴 te veel instructiedruk dinsdagmorgen ------------------------------------------------ 6. AI QUALITY ANALYSIS After generating timetable: show analysis. Sections: Wat gaat goed Aandachtspunten Verbeteradvies Inspectiecheck Keep feedback practical. ------------------------------------------------ 7. DRAG & DROP EDITOR User can modify timetable manually. After changes: AI automatically re-analyzes. Show: kwaliteitsscore onderwijstijdcheck didactische balans inspectie-impact ------------------------------------------------ 8. WEEKLY TIMETABLE OUTPUT Visual timetable. Grid layout. Columns: Maandag Dinsdag Woensdag Donderdag Vrijdag Rows: time blocks. Use colors per subject. Subjects: rekenen taal lezen wereldoriëntatie thema gym creatief kring werkles vrije keuze ------------------------------------------------ 9. USER EXPERIENCE Style: modern warm professional education-focused soft colors clean interface minimal cognitive load Responsive. Desktop-first. ------------------------------------------------ 10. MVP DATABASE READY STRUCTURE Create data models. users id email name role roosters id user_id title groups school_times preferences rooster_blocks id rooster_id day start_time end_time subject notes methods id name subject recommended_duration recommended_frequency ------------------------------------------------ 11. AI OUTPUT TEMPLATE Always generate: 1. weekrooster 2. korte analyse 3. inspectiecheck 4. verbeteradvies 5. kwaliteitsobservaties Output language: Dutch. ------------------------------------------------ 12. MVP PRIORITY Build in this order: Intake wizard AI schedule generation Timetable display Drag/drop editing Inspection dashboard Quality analysis Method library Optimize for realistic classroom use. Target users: Dutch primary school teachers and quality coordinators.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
