Website for my ERLC server that can track players inside the game.
Generated Prompt
## APPLICATION OVERVIEW This project involves creating a web application for an ERLC server that tracks players within the game. The application will provide real-time data on player activity, allowing users to view player statistics, online status, and other relevant information in a clean and efficient manner. ## CORE FEATURES 1. **Player Tracking**: Display real-time player statistics, including online status, playtime, and achievements. 2. **Leaderboard**: Showcase a leaderboard highlighting top players based on various metrics such as score, playtime, or achievements. 3. **User Profiles**: Allow players to create and manage their profiles, displaying their stats and achievements. 4. **Notifications**: Enable users to receive notifications for important events, such as when friends go online or achieve milestones. 5. **Search Functionality**: Implement a search feature to quickly find players by username or ID. 6. **Responsive Design**: Ensure the application is fully responsive, providing an optimal user experience on both desktop and mobile devices. ## 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**: Utilize a card-based layout for player profiles and statistics, with a top navigation bar for easy access to different sections of the application. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (or Context API, if preferred) ## IMPLEMENTATION STEPS 1. **Set Up Project**: Create a new React project using TypeScript and install necessary dependencies including Tailwind CSS. 2. **Design Components**: Build reusable components such as buttons, cards, and navigation bars using Tailwind CSS for styling. 3. **Player Tracking Feature**: Implement the player tracking functionality by integrating with the server API to fetch player data. 4. **Leaderboard Implementation**: Create the leaderboard component to display player rankings based on defined metrics. 5. **Profile Management**: Develop the user profile section to allow players to manage their stats and achievements. 6. **Notifications Setup**: Integrate a notification system for real-time updates and alerts. 7. **Search Functionality**: Implement the search feature to allow users to find players easily. 8. **Responsive Design Testing**: Test the application on various devices to ensure a seamless user experience. ## USER EXPERIENCE Users will interact with the application through a straightforward interface that prioritizes usability. They will navigate using a top navigation bar, access player profiles and statistics via clickable cards, and receive real-time notifications. The search bar will allow them to quickly locate specific players, enhancing engagement and usability. Overall, the design will focus on clarity, ensuring users can easily access the information they seek. This comprehensive prompt provides a detailed outline for developing a functional minimalist application that aligns with the user's vision for their ERLC server tracking site.
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!
