Resume builder1

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resume Builder</title>
<link rel="stylesheet" href="resume_builder.css">
</head>
<body>
<header>
<div class="container">
<h1>AI Resume Builder</h1>
<p>Build your professional resume and get AI-powered feedback!</p>
</div>
</header>
<main>
<section class="form-section">
<h2>Enter Your Details</h2>
<form action="{% url 'process_resume' %}" method="POST">
{% csrf_token %}
<div class="form-group">
<label for="name">Full Name:</label>
<input type="text" id="name" name="name" required>
</div>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<label for="phone">Phone:</label>
<input type="tel" id="phone" name="phone" required>
</div>
<label for="summary">Professional Summary:</label>
<textarea id="summary" name="summary" rows="4" required></textarea>
</div>
<label for="skills">Skills (comma-separated):</label>
<input type="text" id="skills" name="skills" required>
</div>
<label for="experience">Work Experience:</label>
<textarea id="experience" name="experience" rows="4" required></textarea>
</div>
<label for="education">Education:</label>
<textarea id="education" name="education" rows="4" required></textarea>
</div>
<button type="submit" class="btn-submit">Generate Resume</button>

</form>
</section>
<section class="resume-output">
<h2>Your Generated Resume</h2>
<div class="resume">

{% if resume %}
{{ resume|safe }}
{% endif %}
</div>
</section>
<section class="ai-analysis">
<h2>AI Analysis</h2>
<div class="ai-feedback">

{% if analysis %}
<p>{{ analysis }}</p>
{% else %}
<p>Your AI feedback will appear here once the resume is generated.</p>
{% endif %}
</div>
</section>
</main>
<footer>
<p>© 2024 Resume Builder. Powered by Django and AI.</p>
</footer>
</body>
</html>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f4;
color: #333;
header {
background-color: #4CAF50;
color: white;
text-align: center;
padding: 1.5rem 0;
header h1 {
font-size: 2.5rem;
header p {
font-size: 1.2rem;
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
main {
padding: 2rem 0;
.form-section {
background: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

padding: 2rem;
margin-bottom: 2rem;
h2 {
font-size: 1.8rem;
.form-group {
margin-bottom: 1.5rem;
label {
display: block;
font-weight: bold;
margin-bottom: 0.5rem;
input, textarea {
width: 100%;
padding: 0.8rem;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1rem;
}
textarea {
resize: vertical;
.btn-submit {
background-color: #4CAF50;
color: white;
padding: 0.8rem 1.5rem;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1rem;
.btn-submit:hover {
background-color: #45a049;
.resume-output, .ai-analysis {
background: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 2rem;
}
.resume, .ai-feedback {
margin-top: 1rem;
font-size: 1rem;
line-height: 1.5;
color: #555;
footer {
text-align: center;
padding: 1rem 0;
background: #333;
color: white;
font-size: 0.9rem;
from django.shortcuts import render
from django.http import HttpResponse
def process_resume(request):
if request.method == 'POST':
# Handle form data here

name = request.POST.get('name')
email = request.POST.get('email')
phone = request.POST.get('phone')
summary = request.POST.get('summary')
skills = request.POST.get('skills')
experience = request.POST.get('experience')
education = request.POST.get('education')
# Create a resume (you can customize this further)
resume = f"""
<h2>{name}</h2>
<p><strong>Email:</strong> {email}</p>
<p><strong>Phone:</strong> {phone}</p>
<h3>Professional Summary</h3>
<p>{summary}</p>
<h3>Skills</h3>
<p>{skills}</p>
<h3>Work Experience</h3>
<p>{experience}</p>
<h3>Education</h3>
<p>{education}</p>
"""
# AI Analysis (Placeholder - implement actual AI logic here)
analysis = "Your resume looks great! Consider adding specific metrics to your achievements for
more impact."
# Pass the generated resume and analysis to the template
return render(request, 'resume_builder.html', {'resume': resume, 'analysis': analysis})
# If not POST, show the form again
return render(request, 'resume_builder.html')

Resume builder1

Uploaded by

Copyright:

Available Formats

Resume builder1

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Resume builder1

Uploaded by

Copyright:

Available Formats

<!

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="resume_builder.css">

<h1>AI Resume Builder</h1>

<p>Build your professional resume and get AI-powered feedback!</p>

<h2>Enter Your Details</h2>

<form action="{% url 'process_resume' %}" method="POST">

<label for="name">Full Name:</label>

<input type="text" id="name" name="name" required>

<input type="email" id="email" name="email" required>

<input type="tel" id="phone" name="phone" required>

<label for="summary">Professional Summary:</label>

<textarea id="summary" name="summary" rows="4" required></textarea>

<label for="skills">Skills (comma-separated):</label>

<input type="text" id="skills" name="skills" required>

<label for="experience">Work Experience:</label>

<textarea id="experience" name="experience" rows="4" required></textarea>

<textarea id="education" name="education" rows="4" required></textarea>

<button type="submit" class="btn-submit">Generate Resume</button>

<h2>Your Generated Resume</h2>

<p>{{ analysis }}</p>

<p>Your AI feedback will appear here once the resume is generated.</p>

<p>&copy; 2024 Resume Builder. Powered by Django and AI.</p>

font-family: 'Arial', sans-serif;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

border: 1px solid #ccc;

padding: 0.8rem 1.5rem;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

from django.shortcuts import render

from django.http import HttpResponse

# Handle form data here

# Create a resume (you can customize this further)

# AI Analysis (Placeholder - implement actual AI logic here)

return render(request, 'resume_builder.html', {'resume': resume, 'analysis': analysis})

# If not POST, show the form again

return render(request, 'resume_builder.html')

You might also like

<p>© 2024 Resume Builder. Powered by Django and AI.</p>