Dynamic and responsive web application
Generated Prompt
## APPLICATION OVERVIEW IRIS-HEP is a dynamic web application designed to serve as an Integrated Research Intelligence & Support Platform for Higher Education, enabling seamless integration of existing INFLIBNET services. Its purpose is to enhance research discoverability, analytics, compliance readiness, and overall research impact while fostering collaboration among users. ## CORE FEATURES 1. **API Integration**: Enable smooth data exchange between INFLIBNET platforms like VIDWAN, IRINS, and Shodhganga, ensuring users can access comprehensive research information without duplication. 2. **Analytics Dashboards**: Provide tailored dashboards for researchers, librarians, and administrators, featuring visual analytics that highlight key research metrics and insights. 3. **Compliance Reporting**: Generate outputs that adhere to NIRF and NAAC requirements, simplifying the reporting process for institutions. 4. **User Management**: Implement robust user roles and permissions to ensure secure access to different functionalities based on user type (researcher, librarian, administrator). 5. **Search Functionality**: Offer an intuitive search feature that allows users to effortlessly discover research materials and data across integrated services. 6. **Feedback System**: Facilitate user feedback collection to continuously improve the platform based on user experiences and needs. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design emphasizes clean lines and simplicity, with ample white space to enhance readability and focus on content. - **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability. - **Layout**: The application will utilize a grid-based layout, promoting organization and clarity. Key sections will include a navigation sidebar, a main content area for dashboards and analytics, and a footer for additional links. - **Typography**: Use a sans-serif font such as 'Roboto' for body text with a clear hierarchy: 24px for headings (H1), 20px for subheadings (H2), and 16px for body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust type-checking and improved maintainability. - **Styling**: Tailwind CSS for rapid styling and responsiveness. - **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components. - **State Management**: Redux or Context API for managing global application state, if necessary. ## IMPLEMENTATION STEPS 1. **Set Up Development Environment**: Install Node.js, React, TypeScript, and Tailwind CSS. Initialize a new React project and configure TypeScript. 2. **Design and Implement Layout**: Create the main layout using a grid system, ensuring responsive design principles are applied. 3. **Develop Core Features**: - Integrate APIs for existing INFLIBNET services. - Build analytics dashboards with data visualization libraries (e.g., Chart.js or D3.js). - Implement compliance reporting functionalities. 4. **User Management System**: Set up user authentication and role-based access control. 5. **Search Functionality**: Develop an efficient search algorithm that pulls data from the integrated services. 6. **Feedback Mechanism**: Create forms for user feedback and integrate them into the application for ongoing improvements. 7. **Testing and Deployment**: Conduct thorough testing (unit, integration, user acceptance) before deploying the application to a cloud service provider. ## USER EXPERIENCE The user experience will focus on intuitive navigation and seamless interaction. Users will easily access integrated services through the sidebar, view analytics in an organized dashboard format, and utilize search functions to find relevant research data. Feedback will be gathered through simple forms, promoting continuous enhancement of the platform based on user needs and suggestions. The responsive design ensures optimal viewing across all devices, enhancing accessibility and usability.
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!
