portosaurus
v1.18.16
Published
Complete portfolio cum personal website solution for your digital personality.
Maintainers
Readme
🧩 Features
- 📝 Full-featured Portfolio Site — Showcase your work, skills, experience, social identity.
- 🎨 Beautiful UI — Responsive design with Catppuccin color scheme.
- 🖼️ Project Showcase — Interactive project cards with support for featured projects, project status badges, and tags
- 📚 Knowledge Base — Integrated notes system with custom icons and categorization
- ✏️ Blog Platform — Built-in blogging capabilities.
- 📋 Task Tracking — Track your plans with priority levels and completion status
- 🛠️ Highly Configurable — Extensive customization options in a central config file
- 🔍 Powerful Search — Integrated search functionality for notes and blog content
- 📱 Mobile-Friendly — Fully responsive design works on all devices
- 🚀 Auto Deployment — Ready for GitHub Pages or any static hosting
� Getting Started
1. Create a New Project
Run the initialization command to set up your portfolio:
# With Bun
bunx portosaurus init my-portfolio
# with npm
npx portosaurus init my-portfolioOptions:
-ngh, --no-github-pages: Skip setting up GitHub Actions workflow for deployment.-ni, --no-install: Skip automatic dependency installation.
2. Start Development Server
Navigate to your project and start the development server:
cd my-portfolio
# With npm
npm run dev
# With Bun
bun run devYour site will be available at http://localhost:3000.
3. Build & Deploy
GitHub Pages
- Create a repository on GitHub named
yourUsername.github.io. - Go to the repo's
Settings>Pages>Build and deployment>Source>GitHub Actions. - Push your code:
git remote add origin https://github.com/yourUsername/yourUsername.github.io.git git branch -M main git push -u origin main
Other Providers
A portosaurus project can be deployed to any static hosting provider like:
- Netlify
- Vercel
- Cloudflare Pages
- Other static providers
To generate the static site for production:
# With Bun
bun run build
# With npm
npm run buildThe output will be in the build/ directory.
To preview the production build locally:
# With Bun
bun run serve
# With npm
npm run serve⚙️ Configuration
Portosaurus is configured via config.js in your project root.
module.exports = {
usrConf: {
hero_section: {
title: "Your Name",
description: "Software Engineer",
// ...
},
// ...
},
};📄 Credits
- Docusaurus - The static site builder framework this is built upon.
- React - UI library for building the interactive components.
- React Icons - Icon library used throughout the site.
- Libraries listed in package.json - Essential dependencies.
- Hugo Profile - Design inspiration.
- Catppuccin - Color scheme that inspired the site's palette.
- Deepseek R1 hosted using Ollama - prism.js theme & project card component.
- Inkscape - Icon drawing.
- Countless Internet forum posts - Filling me with information.
