DEV Community

mibii
mibii

Posted on

AI prompt sample - a full chat content that demonstrates how to get a professional looking website in a few munities

AI prompt sample - a full chat content that demonstrates how to get a professional looking website in a few munities
If you buy this - you will get AI prompt sample - a full chat content that demonstrates how to get a professional looking website in a few munities.

Image description

Once you buy me a coffee, you will get a link to a full chat content between me and AI, and that will show how in a minute by using AI and a good prompt - creates a professional, visually appealing resume website. Link to see the result

Result description:

A professional, visually appealing resume website. It features a responsive two-column layout with a color sidebar for personal information and a main content area for professional details.

Key features include:
Stylish presentation of skills, language proficiency, and interests
Integration of a profile picture in a circular frame
Easy customization of content and styling

Technology Stack
HTML5: Provides the structure for the resume.
Tailwind CSS: Used for styling and responsive design. Loaded via CDN for easy implementation.
JavaScript (ES6+): Powers the dynamic content generation and DOM manipulation.
JSON: Stores all resume data in a structured format for easy management and updates.
Font Awesome: Supplies icons for contact information and improved visual design. Loaded via CDN.
Responsive Web Design: Ensures the resume looks great on devices of all sizes.

You will understand that from the chat, but I do additionally highlighting: that you will need to :

  • create a separate folder for example "Resume".
  • create a file index.html and place to the content according to the chat advice.
  • create a file script.js and place to the content according to the chat advice.

Deployment
The simplest way is to deploy you resume at https://pages.github.com/
(make sure you have a registered account at github.com and just follow a few simple steps on this page https://pages.github.com/).In a few simple steps you will get you resume site ready. Happy codding )))

Get this
buymeacoffee.com/techmobilebox/e/295645

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay