DEV Community

mibii
mibii

Posted on • Edited on

1

Create a professional, visually appealing resume website in a minutes

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

Image description

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.
Deployed results: https://mibii.github.io/
Full description: https://buymeacoffee.com/techmobilebox/e/295645

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 )))

Just 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

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (2)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

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

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay