Portfolio – Ruchi Singh

A modern, responsive, and accessible developer portfolio built with Next.js, React, and Tailwind CSS.
Showcasing full-stack projects, professional experience, and a contact form for collaboration.

---

🚀 Features

• Beautiful, Responsive Design:
  Fully responsive layout with light/dark mode, vibrant gradients, and modern UI/UX.

• Professional Sections:

  • Header: Introduction, profile image, and quick action buttons (Email, Resume).
  • Navbar: Smooth navigation with active section highlighting and theme toggle.
  • About: Bio, skills, and tools with interactive cards.
  • Services: Overview of backend, frontend, full-stack, and AI/ML offerings.
  • Work: Portfolio grid with real project images, descriptions, and external links.
  • Contact: Accessible contact form with email integration.
  • Footer: Social links, source code link, and copyright.

• Accessibility:
  Keyboard navigation, descriptive alt text, and color contrast for all users.

• Performance:
  Optimized images, lazy loading, and SEO-friendly structure.

• Source Code:
  View this portfolio’s source code on GitHub

---

🛠️ Getting Started

1. Clone the Repository

git clone https://github.com/ruchi-singh0509/Portfolio.git
cd Portfolio

2. Install Dependencies

npm install
# or
yarn install

3. Run the Development Server

npm run dev
# or
yarn dev

Open http://localhost:3000 to view the site.

---

📝 Customization

• Add/Edit Projects:
  Update assets/assets.js and components/Work.jsx to showcase your own work.
• Change Profile/Resume:
  Replace the profile image and PDF in the public/ directory.
• Edit Content:
  All main sections are in the components/ folder for easy editing.

---

🌐 Deployment

Deploy on Vercel

1. Push your code to GitHub.
2. Go to Vercel, import your repo, and deploy.
3. Optionally, add a custom domain in Vercel’s dashboard.

---

🤝 Contributing

Contributions are welcome!
Feel free to fork the repo, open issues, or submit pull requests.

---

📄 License

This project is open source and available under the MIT License.

---

🙋‍♂️ Contact

• Email: ruchisinghmech0509@gmail.com
• LinkedIn: Ruchi Singh
• GitHub: ruchi-singh0509

---

Built with passion and modern web technologies.