HedgeHog - Act as a Principal Frontend Engineer and Lead UI/UX Designer specialized in high-frequency crypto terminals (like Axiom, GMGN Pro,...
Generated Prompt
## APPLICATION OVERVIEW HedgeHog is an elite, ultra-high-density token discovery and intelligence terminal designed for professional traders. This web application leverages the Hedgehog AI engine to provide real-time insights and analytics in a clean, sophisticated interface, tailored for high-frequency crypto trading. The design prioritizes functionality and usability while maintaining a polished, institutional-grade aesthetic. ## CORE FEATURES 1. **Token Discovery Dashboard**: A live-refreshing board that displays token metrics, including market cap, volume, and performance indicators, allowing for quick and informed trading decisions. 2. **Advanced Filters**: Users can apply various filters (age, volume, momentum) to narrow down token listings, providing a tailored view based on their trading strategies. 3. **Watchlist Management**: Traders can create and manage a dynamic watchlist to track selected tokens and receive alerts on key metrics. 4. **Smart Money Insights**: Display aggregated data from significant market players, giving users an edge by understanding movements and trends driven by large investors. 5. **Real-Time Updates**: The application provides real-time data updates to ensure that traders have the most accurate information at their fingertips. 6. **User Authentication**: Secure login and user account management to protect sensitive trading data and preferences. ## 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 will feature a top navigation bar, a central dashboard section for displaying token data, and a sidebar for filters and user options. The watchlist and insights will be displayed in cards within the main content area. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux for managing application state as needed. ## IMPLEMENTATION STEPS 1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install required dependencies (React, Tailwind CSS, Redux, shadcn/ui). 2. **Create Application Structure**: Set up the folder structure for components, pages, styles, and utilities. 3. **Implement Layout**: Develop the main layout with a top navigation bar and sidebar using Tailwind CSS for styling. 4. **Develop Core Features**: - Create the Token Discovery Dashboard component that fetches and displays token data using API calls. - Build the Advanced Filters component with input fields and dropdowns for user selections. - Implement the Watchlist Management feature with add/remove functionality. - Create the Smart Money Insights component to aggregate and display relevant trading data. 5. **Integrate User Authentication**: Set up user authentication for secure access to the application. 6. **Ensure Responsiveness**: Test and optimize the layout for various screen sizes to provide a seamless user experience on all devices. ## USER EXPERIENCE The application will provide an intuitive user experience, allowing traders to effortlessly navigate between the dashboard, filters, and insights. Key interactions include live updates on token performance, easy management of the watchlist, and seamless authentication processes. Users will be able to quickly apply filters and view real-time data, enhancing their trading efficiency and decision-making.
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!
