Skip to content yajat009 Cortexia Repository navigation Code Issues Pull requests Agents Actions Projects Security and quality Insights Settings...
Generated Prompt
## APPLICATION OVERVIEW Cortexia is a web application designed to provide a predictive information epidemiology workspace. It allows users to stress-test a catalyst (message + evidence) against a synthetic, geo-mapped population. The app integrates advanced simulation capabilities, utilizing a combination of neural readouts and reasoning models for effective data analysis and visualization. ## CORE FEATURES 1. **Simulation Dashboard**: A central interface where users can input variables and run simulations to see the potential impact of different scenarios on a synthetic population. 2. **Map Visualization**: An interactive map displaying real-time data and demographic information based on simulation results, allowing users to visualize the spread and influence of information. 3. **Agent Inspection Modal**: A detailed view of individual agents within the simulation, including demographic attributes and behavioral insights derived from the simulation. 4. **Research Dossier Access**: Integration with live research tools to provide users with up-to-date data and findings relevant to their simulations. 5. **Data Export and Reporting**: Capabilities for users to export simulation results and generate reports summarizing findings and insights. 6. **User Authentication**: Secure login and registration system to manage user accounts and personalize the experience. ## 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 features a top navigation bar with a logo and links to core features, a hero section for the simulation dashboard, followed by sections for map visualization and agent details, and a footer with contact information. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS for utility-first styling. - **UI Components**: Utilize shadcn/ui for pre-designed UI elements. - **State Management**: Redux or Zustand for managing application state effectively. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript, install Tailwind CSS, and set up shadcn/ui components. 2. **Create Core Components**: Develop the main components for the simulation dashboard, map visualization, and agent inspection modal. 3. **Implement Routing**: Use React Router to manage navigation between different sections of the application. 4. **Integrate Backend Services**: Set up API calls to the backend for simulation processing and data retrieval, ensuring proper handling of responses. 5. **Design UI Elements**: Style components using Tailwind CSS, adhering to design specifications for typography, colors, and spacing. 6. **User Authentication**: Implement user authentication features, including login, registration, and session management. 7. **Testing and Deployment**: Conduct thorough testing of the application, focusing on user interactions and data handling, before deploying to a hosting platform. ## USER EXPERIENCE Users will begin on the Simulation Dashboard, where they can input various parameters and initiate simulations. Results will be displayed dynamically on the map, allowing users to interactively explore the effects of their inputs. The Agent Inspection Modal will provide additional context on individual agents, enriching the user's understanding of the simulation outcomes. Users will have easy access to create research dossiers and export their findings for further analysis. The application will maintain a clean and intuitive interface, ensuring a smooth user experience throughout the various functionalities.
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!
