VitePortfolio

calindoran.com.public — Vite Portfolio Template

By calindoran

A personal website template built with Vite, React, and Tailwind CSS, using MDX/Markdown for content, deployed to GitHub Pages, and using Biome for linting and formatting.

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-15View source

What stands out

A quick read of the recorded project description.

01

Tech stack is Vite + React, with Tailwind CSS for styling

02

Content is written in MDX / Markdown

03

Deployment target is GitHub Pages

04

Uses Biome for linting and formatting

05

Local development requires Node.js v20.x or higher

06

Build output goes to the dist directory and can be previewed locally with npm run preview

Template Details

This is a personal website template. The README lists the tech stack as Vite + React, with Tailwind CSS for styling, content written in MDX / Markdown, deployment target as GitHub Pages, code quality tool as Biome, and favicon generated by Favicon Generator.

Running locally requires Node.js v20.x or higher. The README's process is: clone the repository, enter the directory, npm install to install dependencies, then npm run dev to start development; linting and formatting are run via npm run lint and npm run format respectively. Production build uses npm run build, followed by npm run preview for local preview, with build output in the dist directory.

The README does not describe page structure, routing approach, content organization conventions, theme customization options, or configurable items, nor does it provide deployment configuration details beyond the above commands. The repository includes Lighthouse desktop and mobile result screenshots, but the README does not give specific scores or performance explanations. If cloning or replicating the project, the README requires checking the license first and removing personal information related to the author.

VitePortfolio

Is it right for your project?

Use Cases

  • Building a personal website or portfolio site
  • Writing and maintaining site content in Markdown / MDX
  • Deploying a static site to GitHub Pages
  • Unifying linting and formatting workflows in a React + Tailwind CSS project

Suitable For

  • Front-end developers familiar with React and Vite
  • Personal site authors who want to manage content with Markdown / MDX
  • Users planning to host a static site with GitHub Pages
  • Website projects that need a Tailwind CSS styling solution

Getting started & customization

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

  1. 1

    Node.js v20.x or higher must be installed first

  2. 2

    Run git clone, cd into the directory, and npm install to install dependencies in sequence

  3. 3

    npm run dev starts development; npm run lint and npm run format are used for linting and formatting respectively

  4. 4

    Production build uses npm run build, then npm run preview to preview the dist directory output

  5. 5

    Before cloning or replicating, check the repository license and remove personal information related to the author

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of that version 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 that version's code are allowed.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full 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.
  • When cloning or replicating the project, check the license first and remove personal information data related to the author.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Please review the [license](https://github.com/calindoran/calindoran.github.io/blob/main/LICENSE.txt). And remove any data that includes personal information pertaining to myself.

Original README
https://github.com/calindoran/calindoran.com.public/blob/main/LICENSEhttps://github.com/calindoran/calindoran.com.public/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-15. 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
Partly documented · 74 / 100
Technologies
Vite
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
2025-08-04
Screenshot last checked
2026-10-15

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.

Review declaration: codex-user-requested-batch-review-20261017 · 2026-10-16

Inspect the recorded source material

SHA-256: f0c01a9dd2cd798b93fca066b548ac44a731801a156598e59d0fb3f882b2fddf

2026-10-15T07:25:31.754Z

Source file / repository
<h1 align="center">
    calindoran.com
</h1>

<br />

## 🌍 Features

- Framework: [Vite](https://vitejs.dev/) + [React](https://reactjs.org/)
- Styling: [Tailwind CSS](https://tailwindcss.com/)
- Deployment: [GitHub Pages](https://pages.github.com/)
- Content: [MDX](https://mdxjs.com/) / [Markdown](https://www.markdownguide.org/)
- Code Quality: [Biome](https://biomejs.dev/)
- Favicon: [Favicon Generator](https://realfavicongenerator.net/)

<br />

## 🚀 Running Locally

This application requires Node.js v20.x+ and uses Vite for fast development and building.

```bash
git clone https://github.com/calindoran/calindoran.github.io
```

```bash
cd calindoran.github.io
```

```bash
npm install
```

We can lint and format using Biome.

```bash
npm run lint
```

```bash
npm run format
```

```bash
npm run dev
```

<br />

Running a production build you will need to do the following.

```bash
npm run build
```

```bash
npm run preview
```

The built files will be in the `dist` directory, and you can preview the production build locally.

<br />

## 🍴 Cloning / Forking

Please review the [license](https://github.com/calindoran/calindoran.github.io/blob/main/LICENSE.txt). And remove any data that includes personal information pertaining to myself.

<br />

## 💡 Lighthouse

<div style="display: flex; justify-content: space-between;">
    <div>
        <p>Desktop result:</p>
        <img src="./public/static/images/lighthouse/lighthouse-desktop.png" alt="Desktop result">
    </div>
    <div>
        <p>Mobile result:</p>
        <img src="./public/static/images/lighthouse/lighthouse-mobile.png" alt="Mobile result">
    </div>
</div>

Last updated: 2025

<br />

<p align="center">Made in Ireland</p>
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.