Skip to content

Add Vite and React SPA for Portfolio Template#64

Merged
Josephat-S merged 1 commit into
devfrom
feat/vite-and-spa-for-portifolio
May 26, 2026
Merged

Add Vite and React SPA for Portfolio Template#64
Josephat-S merged 1 commit into
devfrom
feat/vite-and-spa-for-portifolio

Conversation

@Josephat-S
Copy link
Copy Markdown
Contributor

This pull request introduces a new React + Vite portfolio template and improves the user experience in the project generator. The main highlights are the addition of a fully-featured, themeable portfolio starter using React, React Router, and Tailwind CSS, as well as a small UX improvement to the CLI spinner style.

Vite React Portfolio Template:

  • Added a new template at templates/portfolio/vite-react featuring:
    • A multi-page React app with routing for Home, Projects, About, Skills, and Contact pages (src/App.tsx, src/pages/*, src/components/Layout.tsx) [1] [2] [3] [4] [5]
    • Theme support using CSS variables for Glassmorphism, Dark Terminal, and default themes (src/index.css, index.html) [1] [2]
    • Tailwind CSS and PostCSS configuration for styling (postcss.config.js, index.css) [1] [2]
    • Modern project structure with TypeScript, Vite, and relevant dependencies (package.json, main.tsx) [1] [2]

Generator UX Improvements:

  • Changed the CLI spinner style from squareCorners to dots in all relevant phases of the project generation process for a more modern and visually appealing look (src/generate.js) [1] [2] [3] [4] [5]

Closes #37

@Josephat-S Josephat-S requested a review from a team May 26, 2026 08:23
@Josephat-S Josephat-S merged commit c03aa37 into dev May 26, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Vite + React SPA for Portfolio Template

1 participant