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 image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (2)

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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay