🚀 Samraddhi Joshi — Portfolio

A clean, dark-themed developer portfolio built with React. Designed to be fast, minimal, and easy to customize.

✨ Features

• Typewriter animation in the hero section
• Smooth scroll navigation with sticky navbar
• Filterable projects grid
• Experience & Education timeline
• Fully responsive (mobile-friendly)
• Dark theme with accent colors

📁 Project Structure

portfolio/
├── public/
│   └── index.html
└── src/
    ├── components/
    │   ├── Navbar.jsx / .css
    │   ├── Hero.jsx / .css
    │   ├── Skills.jsx / .css
    │   ├── Projects.jsx / .css
    │   ├── Experience.jsx / .css
    │   ├── Contact.jsx / .css
    │   ├── Footer.jsx / .css
    │   └── Section.css
    ├── App.js
    ├── index.js
    └── index.css

🛠️ Getting Started

1. Clone the repo

git clone https://github.com/yourusername/portfolio.git
cd portfolio

2. Install dependencies

npm install

3. Start the dev server

npm start

Open http://localhost:3000 in your browser.

✏️ How to Customize

All editable content is clearly marked with // ── EDIT comments in each component file. Just open the file and fill in your details:

File	What to edit
src/components/Navbar.jsx	Your initials / logo
src/components/Hero.jsx	Name, roles, bio, social links
src/components/Skills.jsx	Skill categories and tags
src/components/Projects.jsx	Project cards with links
src/components/Experience.jsx	Work experience and education
src/components/Contact.jsx	Email and social links
src/components/Footer.jsx	Your name

🚢 Deployment

Deploy to Vercel (recommended)

npm install -g vercel
vercel

Deploy to GitHub Pages

npm install gh-pages --save-dev

Add to package.json:

"homepage": "https://yourusername.github.io/portfolio",
"scripts": {
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}

Then run:

npm run deploy

📄 License

MIT — free to use and modify.