The cosmic-cadre project is a web-based platform designed to provide civil service professionals in Nigeria with a tailored testing experience. Users can manually input their cadre and level in the civil service hierarchy (e.g., Level 8โ17), and the system will generate unique, non-repeating questions based on their level. The platform is fully automated, leveraging AI to handle question generation, shuffling, scoring, and feedback.
This document outlines the system requirements for cosmic-cadre, ensuring a seamless, bug-free experience for users.
The cosmic-cadre system is a single-page web application that enables users to take a timed test tailored to their civil service level. The system dynamically generates 70 unique questions based on the user's cadre and level, with difficulty scaling appropriately. Users have 40 minutes to complete the test, after which the system automatically submits their answers, calculates their score, and displays the correct answers.
Key features include:
The system is designed to cater to Nigerian civil service professionals, ensuring relevance and accessibility.
The design will reflect professionalism with a touch of vibrancy to engage users.
#F5F9FF (soft sky blue for a calming effect).#FFFFFF (clean white for clarity).#2C3E50 (deep navy for readability).#FF6F61 (warm coral for highlights and buttons).#BDC3C7 (light gray for secondary elements).Interactive Galaxy Map Homepage
The homepage will feature an interactive galaxy map where each star represents a cadre level (e.g., Level 8โ17). Users can hover over a star to see a brief description of the level and click to start their test. The galaxy will have subtle animations, with stars twinkling and orbiting dynamically.
Upon clicking a star, the screen will transition into a "warp speed" animation, immersing users in the experience. The test interface will have a clean, minimalist design, with a timer displayed prominently at the top and questions appearing one at a time in a card-like format.
Micro-interactions include:
This design ensures the platform is memorable and engaging while maintaining a professional tone.

No comments yet. Be the first!