A modern, cherry-blossom pink themed personal portfolio tailored for cybersecurity and AI workflow automation internship applications.
- Modern UI: Dark mode with subtle cherry blossom pink accents (
#ec4899). - Responsive Design: Mobile-friendly layout leveraging Tailwind CSS.
- Smooth Animations: Uses Framer Motion for scroll reveals, micro-interactions, and a 3D-like parallax background.
- Modular React Architecture: Components are neatly separated into the
src/componentsdirectory.
- React (Vite)
- Tailwind CSS
- Framer Motion
- Lucide React (Icons)
-
Navigate to the portfolio directory:
cd portfolio -
Install dependencies: (Note: This might already be done for you, but it's good to ensure all packages are installed.)
npm install
-
Start the development server:
npm run dev
-
View the website: Open your browser and navigate to the URL provided in the terminal (usually
http://localhost:5173).
- Update your links: Go to
src/components/Contact.jsxandsrc/components/Projects.jsxto replace the#and dummy links with your actual GitHub, LinkedIn, and live project URLs. - Update the resume/email: Replace
yuvasri@example.cominContact.jsxwith your real email.
Responsive modern design with smooth animations, professional hero section, technical skills overview, project showcase, certifications and achievements section, resume access from the navigation bar, and direct contact links for email, LinkedIn, and phone.