💼 Personal Developer Portfolio

Welcome to my React-based personal portfolio! This project showcases my work, projects, blogs, skills, and more in a professionally styled, fully responsive portfolio website built with React.js, Styled Components, and modern development practices.

Live Demo: 🌐 Visit Portfolio
GitHub Repo: 📁 View on GitHub

---

✨ Features

• ✅ Responsive Design – Fully mobile-friendly and optimized for all screen sizes.
• 💻 React Router – Multi-page layout with routing between Home, About, Projects, Blogs, and Contact.
• 🔍 Search Functionality – Search through blogs and projects dynamically.
• 🎨 Styled Components – CSS-in-JS for scoped, maintainable styling.
• 📜 Component-Based Architecture – Reusable and modular components (NavMenu, Footer, BlogItem, etc.).
• 📌 Scroll to Top Behavior – Enhances user experience during navigation.
• 📍 Google Maps Integration – Displays map in the Contact section.
• 🧩 Animation Ready – Prepped for adding scroll or hover-based animations.

---

📁 Folder Structure

react-portfolio/
├── public/
├── src/
│   ├── assets/
│   │   └── data/                # Project and blog data in JSON format
│   ├── components/              # Reusable UI components
│   ├── pages/                   # Main page components (Home, About, Projects, etc.)
│   ├── styles/                  # Global styles (GlobalStyle.js, Typography.js)
│   ├── App.js                   # Main app structure
│   ├── index.js                 # Entry point
├── package.json
└── README.md

---

🔧 Getting Started

📦 Installation

1. Clone the repository

   git clone https://github.com/Brahamanbtp/react-portfolio.git
   cd react-portfolio

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Visit http://localhost:3000 in your browser.

---

🛠️ Built With

• React.js – Frontend Library
• Styled Components – CSS-in-JS
• React Router – Routing
• VS Code – Editor
• Netlify – Deployment

---

🚀 Deployment

The site is live on Netlify. You can deploy your own by:

1. Connecting your GitHub repo
2. Configuring build command:

   npm run build
   

3. Setting build as the publish directory

---

🤝 Contributing

Feel free to fork the repository, raise issues, or submit pull requests if you find ways to improve the project!

---

📃 License

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

---

🙋‍♂️ Author

Brahaman BTP
GitHub • Netlify Demo

---