A personal portfolio website to showcase my skills, projects, and experiences. Built with modern web technologies for a responsive and interactive user experience.
- Demo
- Features
- Technologies Used
- Getting Started
- Usage
- Project Structure
- Contributing
- License
- Contact
Check out the live demo of the portfolio here.
- Responsive Design: Adapts to any screen size for a seamless experience on desktops, tablets, and mobile devices.
- Dynamic Project Showcase: Automatically updates the project section with the latest work.
- Contact Form: Allows visitors to get in touch via email integration.
- Smooth Scrolling: Provides a smooth scrolling experience for better navigation.
- Light/Dark Mode Toggle: Users can switch between light and dark themes.
- Frontend:
- HTML5
- CSS3
- JavaScript (ES6+)
- React.js
Follow these instructions to set up the project locally on your machine.
Make sure you have the following installed:
-
Clone the repository:
git clone https://github.com/HussainShafayet/myportfolio.git cd myportfolio
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000
. -
Explore the portfolio sections: Home, About, Projects, and Contact.
-
To build the project for production, run:
npm run build
Here's an overview of the project's structure:
myportfolio/
├── public/
│ ├── index.html
│ └── ...
├── src/
│ ├── assets/
│ ├── components/
│ │ ├── About.js
│ │ ├── Contact.js
│ │ ├── Home.js
│ │ ├── Navbar.js
│ │ ├── Projects.js
│ │ └── ...
│ ├── App.js
│ ├── index.js
│ └── ...
├── .env
├── .gitignore
├── package.json
├── README.md
└── ...
Contributions are welcome! Follow these steps to contribute:
-
Fork the repository.
-
Create a new branch:
git checkout -b feature/your-feature-name
-
Make your changes.
-
Commit your changes:
git commit -m "Add your message"
-
Push to the branch:
git push origin feature/your-feature-name
-
Open a pull request.