🚀 Personal Portfolio Website

This is a React.js-based portfolio website that showcases my skills, projects, and contact information in an interactive and visually appealing way.

🌟 Features

🎨 Portfolio Website

• Modern & Responsive Design: Inspired by jiejoe.com.
• Smooth Page Transitions: Implemented using React animations.
• Interactive Sections:
  • Home Page: Introduction with a unique design.
  • About Section: Personal details and career highlights.
  • Skills Section: Technologies and tools I specialize in.
  • Portfolio Section: Showcasing my projects with previews.
  • Contact Section: Integrated QR Codes for quick access to LinkedIn, GitHub, and Email.
• Loading Animation: Implemented with HashLoader for a seamless experience.
• Dark Theme: Stylish and easy on the eyes.
• Smooth Scroll & Navigation: Enhanced user experience.

---

📸Snapshots

🏗️ Project Structure

📂 Portfolio-Website/ ┣ 📂 src/ ┃ ┣ 📂 components/ ┃ ┃ ┣ 📜 Footer.jsx ┃ ┃ ┣ 📜 NavBar.jsx ┃ ┃ ┣ 📜 Skills.jsx ┃ ┣ 📂 pages/ ┃ ┃ ┣ 📂 Home/ ┃ ┃ ┃ ┣ 📜 MainPage.jsx ┃ ┃ ┃ ┣ 📜 About.jsx ┃ ┃ ┃ ┣ 📜 Portfolio.jsx ┃ ┃ ┃ ┣ 📜 Slogun.jsx ┃ ┃ ┣ 📂 RouterPage/ ┃ ┃ ┃ ┣ 📜 FullAboutMe.jsx ┃ ┣ 📂 hooks/ ┃ ┃ ┣ 📜 useWrapperLoad.jsx ┃ ┣ 📜 App.jsx ┃ ┣ 📜 index.js ┣ 📜 package.json ┣ 📜 README.md

---

🔧 Installation & Setup

Follow these steps to run the project locally:

1️⃣ Clone the Repository

git clone https://github.com/akmroyal/your-repository-name.git

cd Portfolio-Website
2️⃣ Install Dependencies

npm install
3️⃣ Start the Development Server

npm run dev

The project will run at http://localhost:5173 (if using Vite).

---

⚙️ Technologies Used

Frontend: React.js, Tailwind CSS Routing: React Router Animations: Framer Motion, React Spinners (HashLoader) QR Code Generation: QRCode.js

---

🌐 Deployment

To deploy the project on GitHub Pages, follow these steps:

1. Install GitHub Pages package

npm install gh-pages --save-dev

2. Update package.json

"scripts": {
  "predeploy": "npm run build",
  "deploy": "gh-pages -d dist"
}

3. Deploy the project

npm run deploy

Your site will be live at: 🔗 https://your-username.github.io/Demo-Portfolio-Design-ReactJS/

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

🤝 Contributing Contributions are always welcome! Feel free to:

Open issues for bug reports. Submit pull requests for improvements. Suggest new features!

👨‍💻 Developer: Ashutosh Maurya

• 📧 Email: ashutosh.maurya2285@gmail.com
• 🌐 GitHub: akmroyal
• 🔗 LinkedIn: Ashutosh Maurya

🎯 Happy Coding! 🚀

---