🌟 Sanskriti's Portfolio 🌟

A sleek, modern, and responsive developer portfolio built with React + Vite , styled with TailwindCSS, animated with Framer Motion, and seamlessly deployed using Vercel.

---

---

✨ Preview

🔴 Before (Old UI)

(Minimal design without animations)

🟢 After (New UI)

(Revamped with smooth transitions, gradients, and a timeline layout)

---

📂 Project Structure

Sanskriti-Portfolio/
├── frontend/
│   ├── public/                   # Static assets (served directly)
│   │   └── vite.svg
│   │
│   ├── src/                      # Application source
│   │   ├── assets/               # Images, JSON & extra assets
│   │   │   ├── Badges/           # Badges & certificates
│   │   │   ├── avatar.jpg
│   │   │   ├── Coding.json
│   │   │   ├── Facetime.jpeg
│   │   │   ├── Google_Meet.svg
│   │   │   └── SANSKRITI_....pdf
│   │   │
│   │   ├── components/           # All React UI components
│   │   │   ├── ScalerStuff/      # Subfolder for Scaler-related UI
│   │   │   │   └── Scaler.jsx
│   │   │   ├── About.jsx
│   │   │   ├── Achievements.jsx
│   │   │   ├── Contact.jsx
│   │   │   ├── Education.jsx
│   │   │   ├── Footer.jsx
│   │   │   ├── Hero.jsx
│   │   │   ├── Navbar.jsx
│   │   │   ├── Projects.jsx
│   │   │   └── Skills.jsx
│   │   │
│   │   ├── App.jsx               # Root component
│   │   ├── index.css             # Global styles
│   │   ├── index.html            # Base HTML template
│   │   ├── main.jsx              # App entry point
│   │   ├── eslint.config.js
│   │   ├── package.json
│   │   └── package-lock.json
│   │
│   ├── .gitignore
│   └── .env                      # Environment variables (ignored)

📝 Changelog

🔄 Latest Updates

• ✅ Fixed Build Issues:
  Moved all education images to public/Education for better asset handling.

• ✅ Refactored Components:
  Updated Education.jsx to load images directly from the public folder.

• ✅ Enhanced Animations:
  Added hover effects and smooth scale transitions for cards using Framer Motion.

• ✅ Improved UI:
  Upgraded gradient backgrounds and glow effects for a modern aesthetic.

• ✅ Documentation Update:
  Revamped README.md with project details, file structure, and screenshots.

💻 Getting Started

Follow these steps to run the project locally:

# Clone repo
git clone https://github.com/Sanskriti10247/Sanskriti-Portfolio.git

# Navigate into folder
cd Sanskriti-Portfolio

# Install dependencies
npm install

# Start development server
npm run dev

# Now open 👉 http://localhost:5173
 in your browser 🚀

📸 Screenshots

🎓 Education Section

(Animated timeline with hover zoom effects)

💼 Projects Section

(Interactive project cards with hover effects)

🏆 Achievements Section

(Competitive programming highlights with ratings)

🎨 Skills Section

(Tech stack visualization with icons & animations)

Video references

Screen.Recording.2025-09-07.at.3.mp4

🚀 Deployment

This portfolio is auto-deployed with Vercel.
Every push to the main branch triggers a new build automatically ⚡

👉 Live Demo: sanskriti-portfolio.vercel.app

---

📌 Future Enhancements

• 🌐 Add a Blog Section for technical articles
• 🔑 Integrate Authentication for private projects
• 🎨 Add Theme Switcher (Light/Dark Mode)
• 📊 Include Portfolio Analytics for visitor insights

---

👩‍💻 Developed with ❤️ by Sanskriti

Always learning, always building 🚀