A modern, highly-responsive professional portfolio website built with React, Vite, and Tailwind CSS. Designed with a premium dark aesthetic, smooth animations, and a centralized data architecture.
- GitHub Pages: https://siranjeevie.github.io/Portfolio/
- Vercel: Optimized via
vercel.jsonfor easy deployment.
- Premium Design: Glassmorphism effects, minimalist typography, and a curated dark theme.
- Dynamic Content: All content is managed through a single
src/data/portfolio.jsonfile for easy updates. - Smooth Animations: Integrated with Framer Motion for entrance and scroll-based animations.
- Responsive: Fully optimized for mobile, tablet, and desktop viewing.
- Zero-Config Routing: Uses
HashRouterfor perfect compatibility with GitHub Pages (avoids 404 on refresh).
- Framework: React 19
- Build Tool: Vite 7
- Styling: Tailwind CSS 3
- Animations: Framer Motion
- Icons: Lucide React
- Node.js (v18 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/SiranjeeviE/Portfolio.git
- Navigate to the project directory:
cd Portfolio - Install dependencies:
npm install
Start the development server:
npm run devCreate an optimized production bundle:
npm run buildCreated by Siranjeevi E. Feel free to use this as a template for your own portfolio!