A clean, modern, and responsive developer portfolio to showcase my skills, projects, and experience. Built with performance and accessibility in mind, and designed for both personal branding and SEO.
🚀 Inspired by MiraHikari/portfolio — adapted and extended to match my vision and tech preferences.
- Added more color options to the theme selector
- Added a language selector to choose between English and Spanish
- Change the layout to have a static side (aside left) and scrollable side on large screens. On smaller screens then it only has one column all scrollable
- Implemented a Navigation bar that is sticky to the top in large screens
- Added Camingo Code custom font as monospace
- Small UI tweaks here and there.
- Astro - The next-gen web framework.
- Typescript - JavaScript with type syntax.
- TailwindCSS - Utility-first CSS framework.
- Iconify - Icon library.
- FancyBox - Image viewer.
- Ninja Keys - Dropdown menu with keyboard shortcuts made in pure JavaScript.
- Node.js ^18.x
- npm or pnpm
git clone https://github.com/Mandres07/PersonalPortfolio.git
pnpm installEdit the content/cv.en.json file to create your own Portfolio/CV data.
You can also edit its Spanish version at content/cv.es.json
# Enjoy the results
pnpm dev- Open http://localhost:4321 in your browser to view the result 🚀
Change the data-theme of cv.json and choose one of the colour themes defined in theme.css.
| Command | Action | |
|---|---|---|
| ⚙️ | dev or start |
Launches a local development server at localhost:4321. |
| ⚙️ | build |
Checks for errors and creates a production build in ./dist/. |
| ⚙️ | preview |
Local preview at localhost:4321 |
| 📦 | deploy:vercel |
Deploy on Vercel. |
| 📦 | deploy:cloudflare |
Deploy on Cloudflare, please run wrangler login first. |
public/
├── files/
├── fonts/
├── images/
└── sitemap.xml
src/
├── components/
├── content/
├── layouts/
├── pages/
├── globals.css
└── types.d.ts
- 🚀 Astro
- ✨ TailwindCSS
- 🛠️ TypeScript
- 🛠️ JavaScript
- ☁️ Cloudflare Pages
This project is MIT licensed.
CV JSON schema from jsonresume.org
This project is based on software by MiraHikari, licensed under the MIT License.
Modifications made by Mario Andrés Morales © 2025.
Maintained by @Mandres07
For questions, feel free to open an issue or start a discussion.