A modern, responsive portfolio website built with React and Vite. Showcasing frontend development skills, projects, and services.
https://vickynarvare.vercel.app
- Responsive Design - Works seamlessly on all devices
- Dark/Light Theme - Toggle between themes with localStorage persistence
- Smooth Animations - CSS animations and transitions
- Loading Screen - Animated loading screen on initial load
- Tech Marquee - Auto-scrolling technology showcase
- Typing Effect - Dynamic typing animation in hero section
- Toast Notifications - React Toastify for user feedback
- Contact Form - Form with validation
- Floating Social Links - Quick access to social profiles
- React 19 - UI Library
- Vite - Build Tool
- React Icons - Icon Library
- React Toastify - Toast Notifications
- CSS3 - Styling with CSS Variables
- GSAP - Animation Library (optional)
src/
├── components/
│ ├── About.jsx
│ ├── Contact.jsx
│ ├── FloatingSocial.jsx
│ ├── Footer.jsx
│ ├── Hero.jsx
│ ├── LoadingScreen.jsx
│ ├── Navbar.jsx
│ ├── Projects.jsx
│ ├── Services.jsx
│ └── Skills.jsx
├── context/
│ └── ThemeContext.jsx
├── data/
│ └── index.js
├── hooks/
│ └── useTypingEffect.js
├── App.jsx
├── App.css
├── index.css
└── main.jsx
- Node.js 18+
- npm or yarn
- Clone the repository
git clone https://github.com/VickyNarvare/portfolio.git
cd portfolio- Install dependencies
npm install- Start development server
npm run dev- Open http://localhost:5173 in your browser
npm run buildnpm run previewEdit src/data/index.js to update:
- Projects data
- Skills data
- Services data
- Social links
- Technologies for marquee
Edit src/App.css to customize:
- Colors (CSS variables in
:root) - Fonts
- Spacing
- Animations
- Home - Hero section with typing effect and tech marquee
- About - Personal introduction and image
- Skills - Technical skills categorized
- Services - Services offered with expandable cards
- Projects - Portfolio projects with links
- Contact - Contact form and social links
| Variable | Light Mode | Dark Mode |
|---|---|---|
--accent |
#4070f4 | #6ea8ff |
--accent-2 |
#3056d3 | #4a6ef7 |
--body-color |
#e4e9f7 | #2c2c2d |
--text-color |
#111 | #fff |
This project is open source and available under the MIT License.
Vicky Narvare
- Website: vickynarvare.vercel.app
- GitHub: @VickyNarvare
- LinkedIn: Vicky Narvare
⭐ Star this repo if you like it!