https://github.com/nishantksingh0/resume-builder
We built Resume Builder Web Application as of our semester project
https://github.com/nishantksingh0/resume-builder
deepseek-r1 flask python3 reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
We built Resume Builder Web Application as of our semester project
- Host: GitHub
- URL: https://github.com/nishantksingh0/resume-builder
- Owner: NishantkSingh0
- Created: 2025-02-14T12:18:54.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-04-01T15:10:16.000Z (about 2 months ago)
- Last Synced: 2025-04-01T16:37:09.476Z (about 2 months ago)
- Topics: deepseek-r1, flask, python3, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://nishantksingh0.github.io/Resume-Builder/
- Size: 53.6 MB
- Stars: 3
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Resume Builder Web Application
A smart and user-friendly web application that helps job seekers create high-quality, ATS-friendly resumes effortlessly. It offers both HTML/CSS and PDF formats, ensuring flexibility and professional presentation.
# 📌 Introduction.
In today's competitive job market, crafting a well-structured resume is crucial but often challenging. Many job seekers struggle with formatting, ATS compatibility, and content optimization. Our **Resume Builder Web Application** automates this process, enabling users to generate professional resumes with minimal effort.
This project was developed as part of our semester project, focusing on user convenience, AI-driven text enhancement, and multi-format resume generation.
# ⚙️ How It Works
1️⃣ **User Data Collection:** The frontend captures essential user details through an interactive form.
2️⃣ **Secure Data Transmission:** The collected information is securely sent to the backend using HTTPS.
3️⃣ **Resume Generation:** The backend dynamically creates a HTML/CSS-formatted resume based on the provided details.
4️⃣ **PDF Conversion:** The HTML resume is converted into a high-quality PDF using WeasyPrint.
5️⃣ **File Packaging & Download:** Both the HTML template and PDF file are zipped together and sent to the frontend for easy download.
# 🎨 User Interface Overview
## ✅ Desktop View:
* A clean header with a Night/Day mode toggle and navigation buttons.
* The center displays **Resume Builder Web Application** with a sliding showcase of AI-generated resume templates.
* At the bottom, a Type.js animation highlights the app's key features.
## ✅ Mobile View:
* A simplified header with essential navigation options.
* The feature showcase is placed centrally for easy readability.
* At the bottom, a **"BRAVERS"** text links to the About Us section.
# 🛠️ Tech Stack
## Frontend:
* **React.js** – For a smooth and dynamic user interface.
* **Tailwind CSS** – For professional and responsive styling.
* **JSON** – To manage and store user data efficiently.
## Backend:
* **Flask** – To handle user requests and generate resumes.
* **WeasyPrint** – To convert HTML templates into downloadable PDFs.
* **DeepSeek R1** – To generate AI-driven professional descriptions for resumes.
# 🚀 Key Features & Achievements
✔ **AI-Generated Resume Content** – Automatically suggests professional descriptions.
✔ **Dual Format Output** – Users can download resumes in both HTML/CSS and PDF formats.
✔ **Responsive Design** – Works seamlessly on both desktop and mobile devices.
✔ **Dark/Light Mode Support** – Enhances user experience with theme switching.
✔ **Fast & Secure** – Uses HTTPS for safe data transmission and quick processing.
✔ **Team Collaboration & Innovation** – Developed with teamwork and problem-solving in mind.
# 📥 Installation & Setup
## 1. Clone the Repository:
```bash
git clone https://github.com/nishantksingh0/Resume-Builder.git
cd Resume-Builder
```
## 2. Install Dependencies:
```bash
pip install -r ./Backend/requirements.txt
npm install
```
## 3. Run Backend:
```
python ./Backend/Main.py
```
## 4. Run Frontend:
```
npm start
```
The app will now be available at `http://localhost:5173/Resume-Builder` 🚀
# 💡 Lessons Learned
## This project helped us:
* Understand real-world challenges in resume building.
* Implement AI-powered text generation for professional descriptions.
* Work collaboratively as a team to develop an efficient solution.
* Improve UI/UX design skills for better user engagement.
# 📢 Have Questions?
Feel free to ask any question about project and suggest improvements. reach us out at:
🔹 Email: [email protected]
🔹 LinkedIn: NishantkSingh1