ViteHTMLPortfolio

personal-resume-template — Vite Portfolio Template

By armin-panahi

A Persian/RTL-first personal resume and portfolio website template built with Vite and Tailwind CSS, with all content maintained in a single data file.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

01

Persian-first with RTL layout support, suitable for personal websites aimed at Persian-speaking readers

02

Dark and light themes, with page sections for resume, experience, skills, projects, and education

03

Personal details, experience, skills, projects, and social links are maintained centrally in a single data file

04

Uses Vite for development and build, together with Tailwind CSS and vanilla JavaScript

05

Includes a GitHub Actions configuration that can deploy directly to GitHub Pages

06

Uses the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

This template is aimed at developers, designers, students, freelancers, and others who need a personal resume website. It uses Vite as the development and build tool, together with Tailwind CSS and vanilla JavaScript for page structure and interactions. Its notable characteristics are Persian-first support and RTL layout, along with both dark and light themes.

In terms of content organization, the template centralizes personal details, work experience, skills, projects, education, social links, and contact information into a single data file. Editing that file updates the entire site without needing to edit HTML elements one by one. The page includes resume/CV sections, experience sections, skills sections, project sections, and education sections, and provides a resume download entry point and interactions such as a typewriter effect.

For deployment, the repository provides a GitHub Actions automated deployment configuration that can publish directly to GitHub Pages, and it also includes an online demo page. The template uses the MIT license and may be used, modified, used commercially, and distributed for free, but third-party assets such as demo images, fonts, and icons require separate verification of their licenses.

ViteHTMLPortfolio

Is it right for your project?

Use Cases

  • Creating a personal resume and portfolio website for Persian-speaking readers
  • Using a centralized data file as the single content source to quickly replace it with your own experience and projects
  • Deploying to GitHub Pages via GitHub Actions and binding a personal domain

Suitable For

  • Developers and designers who need a Persian/RTL personal resume website
  • People who want to maintain the entire site content through a single data file and do not want to edit HTML page by page
  • Students or freelancers planning to host a personal resume page for free on GitHub Pages

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    After cloning the repository, follow the README's Getting Started steps to run the Vite development environment locally

  2. 2

    Edit the centralized data file to replace personal details, experience, skills, projects, and social links

  3. 3

    The build output can be deployed to GitHub Pages through the repository's included GitHub Actions workflow

  4. 4

    Before use, verify the licenses of third-party assets such as demo images, fonts, and icons

  5. 5

    When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in a public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 88 / 100
Technologies
Vite · HTML
Website type
Portfolio
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-08-29
Screenshot last checked
2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 756679bab4dc0f9c11fc2bef08d6dc9c13e792cba749ede083b78b828d7a50fb

2026-10-01T04:17:47.313Z

Source file / repository
# Personal Resume Template

<p align="center">
  <strong>Modern • Responsive • Customizable • Open Source</strong>
</p>

<p align="center">
  A modern, responsive and customizable Persian-first resume & portfolio template built with Vite, Tailwind CSS and Vanilla JavaScript.
</p>

<p align="center">
  <a href="https://armin-panahi.github.io/personal-resume-template/">
    <img src="https://img.shields.io/badge/🌐%20Live%20Demo-Visit%20Website-black?style=for-the-badge" alt="Live Demo">
  </a>
  <a href="https://github.com/armin-panahi/personal-resume-template/generate">
    <img src="https://img.shields.io/badge/🚀%20Use%20This%20Template-Create%20Your%20Resume-gold?style=for-the-badge" alt="Use this template">
  </a>
  <a href="https://github.com/armin-panahi/personal-resume-template">
    <img src="https://img.shields.io/github/stars/armin-panahi/personal-resume-template?style=for-the-badge" alt="GitHub Stars">
  </a>
</p>

---

## ✨ Overview

**Personal Resume Template** is a modern open-source resume and portfolio website template designed for developers, designers, students, freelancers and professionals.

The template is built with **Vite, Tailwind CSS and Vanilla JavaScript** and provides a clean, responsive and customizable experience with first-class support for **Persian / RTL websites**.

### 🎯 The goal

Build your personal resume website in minutes.

Instead of editing dozens of HTML elements, you can customize your profile, experience, skills, projects and social links from a centralized data file.

> **Customize your entire resume from a single data file.**

---

## 🌐 Live Demo

### 👉 [View Live Demo](https://armin-panahi.github.io/personal-resume-template/)

Try the live version before downloading or using the template.

---

## 🚀 Use This Template

Want to create your own resume website?

### 👉 [Use this template](https://github.com/armin-panahi/personal-resume-template/generate)

Create your own repository from this template, customize your information and deploy your personal website.

---

## 📸 Preview

### 🌙 Dark Mode

![Personal Resume Template - Dark Mode](docs/images/dark-mode.png)

### ☀️ Light Mode

![Personal Resume Template - Light Mode](docs/images/light-mode.png)

---

## ✨ Features

- 🌐 Persian-first / RTL support
- 📱 Fully responsive design
- 🌙 Dark mode
- ☀️ Light mode
- 🎨 Modern and clean UI
- ✨ Smooth animations and interactions
- ⌨️ Typewriter effect
- 📄 Resume / CV section
- 💼 Experience section
- 🛠 Skills section
- 🚀 Projects section
- 📚 Education section
- 🔗 Social media links
- 📧 Contact information
- 📥 Downloadable resume
- ⚡ Fast Vite development environment
- 🎨 Tailwind CSS styling
- 🧩 Vanilla JavaScript
- 🚀 GitHub Pages ready
- 🛠 Easy customization
- 📦 Open source
- 📜 MIT licensed

---

## 🛠 Tech Stack

| Technology | Purpose |
|---|---|
| HTML5 | Page structure |
| CSS3 | Styling and layout |
| JavaScript | Interactions and functionality |
| Tailwind CSS | Utility-first styling |
| Vite | Development and production build |
| GitHub Actions | Automated deployment |
| GitHub Pages | Hosting |

---

# 🚀 Getting Started

Follow these steps to run the project locally.

## 1. Clone the repository

```bash
git clone https://github.com/armin-panahi/personal-resume-template.git
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.