Portfolio website exactly as in the link https://www.
Generated Prompt
## APPLICATION OVERVIEW Create a minimalist portfolio website to showcase the professional profile of A Krishna Vaibhav, an Integrated Imtech Student at the University of Hyderabad. The website will function as a personal landing page, providing essential information about Krishna's roles, experiences, and contact details in a clean and user-friendly format. ## CORE FEATURES 1. **Hero Section**: A prominent introduction with name, role, and a brief tagline. This section should capture visitor attention immediately. 2. **About Me**: A short bio detailing Krishna's background, interests, and professional pursuits, focusing on software engineering, web development, UI/UX design, and research. 3. **Experience**: A dedicated section listing professional experiences, including the role of Director at Pendler, Co-Founder and COO, and relevant projects. 4. **Contact Information**: Clear display of contact details, including personal and university emails, GitHub link, and phone number for easy reach. 5. **Download Software Section**: A call-to-action prompting visitors to download necessary software, enhancing engagement. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with ample white space to facilitate readability. Focus on clear typography to guide user attention. - **Color Mode**: Light theme with dark text on light backgrounds to maintain a professional and inviting appearance. - **Layout**: A single-page layout divided into sections for Hero, About Me, Experience, Contact, and Download Software. Each section should be clearly defined with appropriate spacing to enhance visual flow. - **Typography**: Use a sans-serif font for clarity and modernity, with a hierarchy that emphasizes headings, subheadings, and body text for easy navigation. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust and scalable application development. - **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and responsive layouts. - **UI Components**: Implement shadcn/ui components for consistent and visually appealing UI elements. - **State Management**: Not explicitly required for a static portfolio, but consider using a simple state management solution if interactivity is added later. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support. 2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI consistency. 3. **Create Component Structure**: Develop individual components for each section: Hero, About Me, Experience, Contact, and Download Software. 4. **Style Components**: Apply Tailwind CSS to style components according to the minimalist design specifications, ensuring responsiveness across devices. 5. **Integrate Content**: Populate components with the provided user information, ensuring all links and contact details are functional. 6. **Test for Responsiveness**: Ensure the layout adapts smoothly on various screen sizes, maintaining usability and aesthetic appeal. 7. **Deploy Website**: Publish the website using a suitable platform (e.g., GitHub Pages, Vercel) for public access. ## USER EXPERIENCE Visitors will be greeted by a visually striking hero section that immediately conveys Krishna’s identity and professional focus. The navigation will be intuitive, with smooth scroll transitions to each section, enhancing the user journey. Contact options will be straightforward, encouraging networking and interaction. The minimalist design will ensure that content is easily digestible, creating a pleasant browsing experience.
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!
