PROMPT AVANZADO Actúa como un arquitecto de software senior especializado en desarrollo web con Java (Spring Boot) y frontend en HTML5, CSS3 y...
Generated Prompt
## APPLICATION OVERVIEW This project is a dynamic and scalable web application designed to cater to various business types, including restaurants, online stores, consulting agencies, and educational institutions. The application features a robust backend powered by Java Spring Boot and a responsive frontend built using HTML5, CSS3, and modern JavaScript. ## CORE FEATURES 1. **Dynamic Home Page**: Includes a responsive navbar, an editable hero section, interactive buttons, a services section, and a professional footer. 2. **Services Page**: Displays a dynamic list of services with a clean, responsive layout and smooth animations. 3. **Contact Page**: Features a form for user inquiries, including name, email, phone, and message fields with both frontend and backend validations. Responses are stored in the database, and users receive a dynamic confirmation message. 4. **Basic Admin Panel**: Allows administrators to list and delete received messages, with a structure ready for future authentication features. 5. **Modular and Clean Code**: The codebase adheres to SOLID principles, ensuring easy modifications for business names, colors, sections, and texts. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist with a clean, simple design that utilizes ample white space, a minimal color palette, and an emphasis on typography. - **Color Mode**: Light theme featuring dark text on light backgrounds for readability. - **Layout**: The main layout structure is organized into sections for easy navigation—header, main content area for each page, and a footer. - **Typography**: Use a sans-serif font for headings and body text to ensure clarity and modern aesthetics. ## TECHNICAL REQUIREMENTS - **Framework**: Java Spring Boot for the backend and HTML5, CSS3, and modern JavaScript for the frontend. - **Database**: H2 or MySQL for data storage. - **View Engine**: Thymeleaf for rendering HTML views. - **CSS**: Modern CSS techniques, including Flexbox or Grid for responsive design. - **JavaScript**: For interactive buttons and smooth animations. - **Application Structure**: Organized project folders with clear separation between backend and frontend components. ## IMPLEMENTATION STEPS 1. **Project Setup**: Initialize a new Java Spring Boot project with the necessary dependencies in the `pom.xml` file. 2. **Backend Development**: - Create the main application class. - Develop controllers for each page (Home, Services, Contact). - Implement services for business logic. - Define models for data handling. - Set up a contact form controller that handles submissions and validations. - Configure the database connection in `application.properties`. 3. **Frontend Development**: - Create HTML views using Thymeleaf for each page. - Implement CSS styles focusing on a minimalist design. - Add JavaScript for interactive elements. 4. **Testing**: Conduct thorough testing for both backend and frontend functionalities, including form validations and database interactions. 5. **Documentation**: Write a comprehensive README file with instructions for running the application, including setup and usage. ## USER EXPERIENCE The application provides an intuitive user experience, allowing visitors to navigate easily through the homepage, view services, and fill out the contact form. Administrators have access to a simple admin panel to manage incoming messages effortlessly. The responsive design ensures that the application functions seamlessly across devices, enhancing accessibility and user engagement.
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!
