🌟 Portfolio Website

A modern, responsive portfolio website showcasing full-stack development skills. Built with both vanilla HTML/CSS/JS and React components for maximum flexibility and performance.

👉 Live Link: https://sonamnimje-portfolio-website.vercel.app/

✨ Features

• 🎨 Modern Design - Clean, professional UI with smooth animations
• 📱 Fully Responsive - Optimized for all devices and screen sizes
• ⚡ Fast Performance - Lightweight and optimized for speed
• 🎭 Smooth Animations - Powered by Framer Motion and CSS transitions
• 📧 Contact Form - Functional contact form with EmailJS integration, professional email templates, and advanced email validation
• 🌐 Cross-Browser - Compatible with all modern browsers
• ♿ Accessible - WCAG compliant and screen reader friendly

🛠️ Tech Stack

Frontend:

• HTML5, CSS3, JavaScript (ES6+)
• React 18.2.0
• Framer Motion 10.16.4
• Font Awesome Icons

Backend Services:

• EmailJS - Email service for contact form submissions

Tools:

• Node.js & npm
• React Scripts
• VS Code

📁 Project Structure

Portfolio-Website/
├── 📦 package.json            # Dependencies and scripts
├── 📁 public/
│   ├── index.html             # React app entry point
│   ├── profile.jpg            # Profile image
│   └── 📁 images/             # Project screenshots and assets
├── 📁 src/                    # React components
│   ├── App.js                 # Main React app
│   ├── index.js               # React entry point
│   ├── 📁 components/         # Reusable components
│   │   ├── Header.js          # Navigation component
│   │   ├── Hero.js            # Landing section
│   │   ├── About.js           # About section
│   │   ├── Education.js       # Education background
│   │   ├── Skills.js          # Technical skills
│   │   ├── Projects.js        # Project showcase
│   │   ├── Achievements.js    # Awards and achievements
│   │   ├── Contact.js         # Contact form with EmailJS
│   │   └── Footer.js          # Footer component
│   └── 📁 config/              # Configuration files
│       └── emailjs.config.js  # EmailJS service configuration
└── 📄 EMAILJS_TEMPLATE.html   # Professional HTML email template

🚀 Quick Start

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/sonamnimje/Portfolio.git
   cd Portfolio

2. Install dependencies

   npm install

3. Start development server

   npm start

4. Open your browser

   • Visit http://localhost:3000

Build for Production

npm run build

📱 Sections Overview

Section	Description	Features
🏠 Hero	Landing section with introduction	Animated text, call-to-action buttons
👤 About	Personal background and statistics	Achievement counters, personal story
🎓 Education	Educational background	Timeline format, institution details
💻 Skills	Technical skills and proficiencies	Categorized skill sets, visual indicators
🚀 Projects	Featured project showcase	Live demos, GitHub links, tech stacks
🏆 Achievements	Awards and recognitions	Achievement cards, certificates
📧 Contact	Contact form and information	EmailJS integration, professional email templates, advanced validation, auto-formatting

🔧 Browser Support

Browser	Version	Support
Chrome	Latest	✅ Full
Firefox	Latest	✅ Full
Safari	Latest	✅ Full
Edge	Latest	✅ Full
Mobile	Latest	✅ Full

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Contact & Support

• GitHub Issues: Report bugs or request features
• Email: Replace with your email in the contact section
• LinkedIn: Add your LinkedIn profile link

🙏 Acknowledgments

• React - UI library
• Framer Motion - Animation library
• Font Awesome - Icons
• Google Fonts - Typography

---

⭐ Star this repository if you found it helpful!

Made with ❤️ for the developer community