Scribd
Upload
13 views

Resume builder1

Original code 2

Uploaded by

Hameed Abdulkabir Adebowale
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
13 views

Resume builder1

Original code 2

Uploaded by

Hameed Abdulkabir Adebowale
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 10

<!

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>
<div class="form-group">

<label for="email">Email:</label>

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

</div>

<div class="form-group">

<label for="phone">Phone:</label>

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

</div>

<div class="form-group">

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

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

</div>

<div class="form-group">

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

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

</div>

<div class="form-group">

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

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

</div>

<div class="form-group">

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

<!-- Placeholder for resume content -->

{% if resume %}

{{ resume|safe }}

{% endif %}

</div>

</section>

<section class="ai-analysis">

<h2>AI Analysis</h2>

<div class="ai-feedback">

<!-- Placeholder for 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>&copy; 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 {

margin-bottom: 1rem;

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;

margin-bottom: 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')

You might also like