Skip to content

Latest commit

Β 

History

History
84 lines (55 loc) Β· 2.27 KB

File metadata and controls

84 lines (55 loc) Β· 2.27 KB

🌐 Personal Portfolio – Built with Astro

This is my NEW personal portfolio, designed to showcase my work, projects, skills, and professional background. Built with Astro, it features a clean, fast, and mobile-friendly UI with thoughtful animations, accessibility, and modern design practices.

πŸ’‘ Explore the live version: themelon.tech


✨ Features

  • ⚑️ Built with Astro
  • πŸ“± Fully responsive (mobile-first)
  • 🎨 Dark mode support
  • πŸ’Ό Resume page (password-protected) ;)
  • πŸ› οΈ Skill cards with category filtering, icons, and hover effects
  • 🀝 β€œWorked with” section with brand-colored company logos
  • 🧾 Testimonials carousel
  • πŸ” Accessibility, and performance optimized

πŸ“ Project Structure


/
β”œβ”€β”€ public/              # Favicon, images, and static assets
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/      # UI components like SkillGrid, Testimonials
β”‚   β”œβ”€β”€ data/            # Static data (projects, work, etc.)
β”‚   β”œβ”€β”€ layouts/         # Reusable layout shells (BaseLayout)
β”‚   β”œβ”€β”€ pages/           # Route pages (/resume etc.)
β”‚   └── styles/          # Global and component styles
└── astro.config.mjs     # Astro configuration


πŸ§ͺ Getting Started

# Clone this repository
git clone https://github.com/TheMelone2/portfolio-v2.git
cd portfolio-v2

# Install dependencies
npm install

# Start the dev server
npm run dev

Visit http://localhost:4321 to view the site locally.


πŸ§‘β€πŸ’» Tech Stack


πŸ›‘οΈ License

This portfolio is intended for personal use. You are free to draw inspiration from it, but please don't directly copy or deploy it under your own name without permission. <3


πŸ“¬ Contact

Want to reach out or collaborate?


⭐️ Show Your Support

If you like this project, consider giving it a ⭐ on GitHub!