我想要做一个学生可以查找学校并且申请的软件,这个软件也可以给学校用。给学校的话,他们需要支付每年的入驻费,有了入住费以后,他们才能在App里面有学校的证明标志,被学生搜到,发布自己学校的信息介绍,以及招收学生。进去App以后,需要先用自己的邮箱或者电话注册,然后输入希望平台称呼的姓名,其次需要...
Generated Prompt
## APPLICATION OVERVIEW This web application is designed to help students find and apply to schools while allowing schools to manage their profiles and recruitment efforts. It features user authentication, school listings, a matching system based on user preferences, and a community feature for students to interact and comment on their experiences. ## CORE FEATURES 1. **User Registration and Authentication**: Users can register using their email or phone number, select their user type (student or school), and accept terms and conditions to access the app. 2. **School Listings**: A dynamic homepage displaying schools based on user location and preferences, with options for schools to pay for premium placement in listings. 3. **School Matching System**: A simplified matching feature that analyzes user preferences and school attributes to recommend the best schools for students, along with a premium option for detailed analysis. 4. **Community Interaction**: A section where students can comment on school activities and share their experiences, ensuring comments are moderated for appropriateness. 5. **Profile Management**: Users can manage their profiles, including viewing their favorite schools, browsing history, and account settings. 6. **Application Submission**: Students can submit applications directly to schools and communicate through the app, enhancing the enrollment process. ## 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 vertical navigation bar at the bottom with four buttons for Home, School Matching, Community, and Profile. The homepage will include a greeting message, a search bar for schools, and options for location selection. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API as needed for managing user sessions and preferences. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.). 2. **Create Authentication Flow**: Develop user registration and login components, including form validations and error handling. 3. **Build School Listings Component**: Implement a component to fetch and display school data based on user location and preferences, including premium features. 4. **Develop Matching Algorithm**: Create a function to analyze user preferences and school attributes for matching, ensuring basic and premium features are distinguished. 5. **Implement Community Features**: Set up a comments section with moderation capabilities to allow students to share their experiences. 6. **Integrate Profile Management**: Create a profile page where users can manage their saved schools, application history, and settings. ## USER EXPERIENCE Users will first register and log in to the app. The homepage will greet them based on the time of day and allow them to search for schools. Users can select their location to see relevant listings. The matching feature will present the best school options based on their inputs. Community interactions will enhance user engagement, allowing students to comment on their experiences. The profile section will allow users to manage their information and preferences easily. This comprehensive prompt is structured to guide the development of a minimalist web application that meets the outlined requirements and enhances the user experience through intuitive design and functionality.
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!
