A modern, animated, and performance-focused personal portfolio built to showcase frontend skills, UI craftsmanship, and motion design thinking.

This portfolio is designed to be recruiter-friendly, interview-ready, and visually engaging without being distracting.

• 🎨 Clean, modern UI with light & dark mode
• 🌌 Subtle animated background for visual depth
• ⚡ Smooth animations using Framer Motion and GSAP
• 🧠 Thoughtful frontend architecture (data-driven sections)
• 📄 Downloadable CV / Resume
• 📊 Contact form integrated with Google Sheets
• 📱 Fully responsive across devices

Frontend

• React
• JavaScript (ES6+)
• Tailwind CSS

Animations

• Framer Motion (UI & component animations)
• GSAP (advanced & continuous animations)

Data & Integrations

• Google Sheets (contact form data storage)

Tooling

• Vite
• Git & GitHub
• Lucide Icons

src/
├─ components/        # Reusable UI components
├─ pages/             # Page-level components
├─ data/              # Centralized data (skills, projects, nav)
├─ animations/        # Reusable motion variants
├─ layouts/           # Layout wrappers
├─ styles/            # Global styles
└─ utils/             # Helper utilities

⚙️ Getting Started 1️⃣ Clone the repository

git clone https://github.com/your-username/your-repo-name.git

2️⃣ Install dependencies

npm install

3️⃣ Run the project

npm run dev

The project is deployment-ready and works seamlessly with platforms like:

• Vercel - https://saras-portfolio-six.vercel.app/
• Netlify
• Render

This portfolio is built to:

• Represent real frontend skills (not just visuals)
• Demonstrate understanding of UI structure, animations, and integrations
• Serve as a strong talking point during interviews

This project is open for learning and inspiration. Please do not directly copy the design for commercial use.

Saras Mishra Web Developer

GitHub: https://github.com/Sarasmishra