Compltely modern UI and U fro
Generated Prompt
## APPLICATION OVERVIEW The ATOMA Quiz app is a modern web application designed for recruitment and job interview testing. It allows organizations to assess candidates through various test formats, including written exams, oral tests, and typing assessments. The app features a clean and intuitive interface that enhances the user experience for both employers and candidates. ## CORE FEATURES 1. **User Registration and Profiles**: Candidates and employers can create profiles, manage their information, and track their progress through assessments. 2. **Test Creation and Management**: Employers can easily design and customize quizzes, including multiple-choice questions, typing tests, and oral assessments. 3. **Assessment Sections**: The app allows for structured testing with multiple sections (e.g., written, oral, typing) that candidates can complete sequentially. 4. **Real-time Feedback and Results**: Candidates receive immediate feedback on their performance, while employers can view detailed analytics and results for each test. 5. **Scheduling and Notifications**: Users can schedule assessments and receive reminders and notifications for upcoming tests and deadlines. 6. **Reporting Dashboard**: Employers have access to a comprehensive dashboard to track candidate performance and manage recruitment processes effectively. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design emphasizes a clean interface with ample white space, ensuring that users can focus on content without distractions. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and provide a professional appearance. - **Layout**: A structured layout featuring a sidebar navigation for easy access to different sections. The main content area is divided into cards for tests, results, and user profiles, promoting an organized flow. - **Typography**: Use a modern sans-serif font (e.g., Inter or Roboto) for body text with a larger, bold font for headings to create a clear visual hierarchy. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust type-checking and improved development efficiency. - **Styling**: Tailwind CSS for utility-first styling, allowing for quick and responsive design implementation. - **UI Components**: Utilize shadcn/ui for pre-built UI components that align with the minimalist design. - **State Management**: Implement React Context API or Zustand for managing global state across the application. ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create User Authentication**: Develop user registration and login functionalities, ensuring secure password handling and session management. 3. **Design the Test Management System**: Build components for creating, editing, and deleting tests, allowing employers to customize questions and formats. 4. **Implement Assessment Sections**: Structure the assessment flow to allow users to navigate through different sections seamlessly. 5. **Develop Feedback and Reporting Features**: Create components for displaying candidate results and analytics, ensuring data is presented clearly. 6. **Build the Scheduling System**: Integrate calendar functionality for scheduling assessments, along with email notifications for users. 7. **Responsive Design**: Test and optimize the application for various devices and screen sizes, ensuring a consistent user experience. ## USER EXPERIENCE Candidates will experience a straightforward onboarding process, with guided steps to create their profiles and take assessments. The interface will allow easy navigation between sections, with clear prompts and feedback throughout the testing process. Employers will benefit from an intuitive dashboard that provides insights into candidate performance, facilitating efficient recruitment decisions. Overall, the application focuses on clarity and ease of use, ensuring that both candidates and employers have a positive experience.
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!
