DevProfile is a dynamic resume builder built with React that lets users create, edit, and preview their resume in real time. It focuses on clean design, responsive layout, and intuitive state management — helping you showcase your skills, experience, and education like a pro.

DevProfile is a sleek, interactive resume builder built with React 19, Vite 7, and Tailwind CSS 4.
It empowers developers and professionals to create, edit, and preview resumes in real time — no formatting headaches, just clean, professional results.

• 🧩 Live Editing — Update resume sections with real-time preview and instant formatting
• 🎨 Modern Accent Colors — Choose from professional themes that match your vibe
• 🧾 One-Click Export — Download your resume as a crisp, high-quality PDF instantly
• 📱 Fully Responsive — Works perfectly on all screen sizes

1. Clone the Repository

   git clone https://github.com/devxsameer/devprofile.git
   cd devprofile

2. Install Dependencies

   npm install

3. Run Development Server

   npm run dev

   The app should automatically open at http://localhost:5173

4. Build for Production

   npm run build

5. Preview Production Build

   npm run preview

1. Home Page — Introduces the app and its features

2. Builder Interface — Edit your resume sections (Experience, Projects, Skills, etc.)

3. Live Preview — Watch your resume take shape in real time

4. Export to PDF — Save your completed resume with a single click

This project follows modern front-end practices:

Prettier + Tailwind Plugin are used for automatic code sorting and formatting. Run manually with:

npx prettier --write .

ESLint ensures clean, consistent code.
Run:

npm run lint

Built as part of The Odin Project’s Full Stack Path, focusing on React, component composition, and modern UI design with Tailwind CSS.

Made with ♥ by @devxsameer