NaraIndex.org - Zbuduj profesjonalną, pełnowymiarową aplikację webową o nazwie (lub Twoja wybrana nazwa), która służy jako globalne cyfrowe...
Generated Prompt
## APPLICATION OVERVIEW "NaraIndex.org" is a comprehensive web application designed to serve as a global digital archive for historical data based on NARA records (series A-3340). The application aims to facilitate research for users from various countries by providing an intuitive search and verification system within a minimalist, academic aesthetic. ## CORE FEATURES 1. **Landing Page**: A prominent central search bar with "Fuzzy Search" functionality, showcasing key metrics such as "40,000+ Records", "1,200 Verified", and "500 Contributors". An informative "About the Project" section will provide historical disclaimers. 2. **Search Results Page**: A sidebar for filtering results by Gau/Region, Year of Birth, Occupation, and Verification Status. The main area displays results in card or table format for easy viewing. 3. **Record Detail Page**: A detailed biography view featuring a map (using Leaflet/Mapbox) to show both historical and modern locations, alongside a section for sources with links to NARA. A "Suggest Correction" button enables user interaction. 4. **User Dashboard**: Displays a points and ranking system (Novice, Researcher, Curator) allowing users to see records they've helped verify, encouraging engagement and contribution. 5. **Admin Panel**: A management view for accepting or rejecting user-submitted corrections, ensuring content accuracy and quality control. 6. **Multilingual Support**: Language switching options (EN, DE, PL, HE) in the header and footer to cater to a diverse user base. ## 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**: A structured layout divided into a header, main content area, and footer. The header includes the search bar and navigation, the main content area dynamically changes based on user interaction (landing, search results, details), and the footer contains legal information and language options. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: React Context API or Redux (if complex state management is required) ## IMPLEMENTATION STEPS 1. **Set up the Project**: Create a new React app using Create React App with TypeScript. Install Tailwind CSS and configure it for the project. 2. **Design the Landing Page**: Implement the search bar and statistics section, ensuring responsiveness and accessibility. 3. **Develop the Search Results Page**: Create a sidebar component for filters and a results display area. Implement the Fuzzy Search functionality. 4. **Build the Record Detail Page**: Design the layout for displaying detailed records, including the map integration and correction suggestion functionality. 5. **Create the User Dashboard**: Develop the user interface for tracking points and ranking, and ensure it connects to the backend for dynamic data fetching. 6. **Implement the Admin Panel**: Build a management interface for admin users to moderate corrections submitted by the community. 7. **Add Multilingual Support**: Implement language toggle functionality and ensure all text is translatable. 8. **Testing and Deployment**: Thoroughly test the application for usability, bugs, and responsiveness across devices and browsers. Deploy the application using a service like Vercel or Netlify. ## USER EXPERIENCE Users will experience a clean and intuitive interface, starting from a prominent search bar that encourages exploration of the historical data. As they navigate through search results and detailed records, interactions will be straightforward and focused on accessibility. The user dashboard will gamify their contributions, enhancing engagement while the admin panel ensures a smooth and moderated user experience. The multilingual support will cater to a diverse audience, making the application an inclusive platform for researchers worldwide.
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!
