My Portfolio

A personal portfolio website to showcase my skills, projects, and experiences. Built with modern web technologies for a responsive and interactive user experience.

Table of Contents

Demo

Check out the live demo of the portfolio here.

Features

  • 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.

Technologies Used

  • Frontend:
    • HTML5
    • CSS3
    • JavaScript (ES6+)
    • React.js

Getting Started

Follow these instructions to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed:

Installation

  1. Clone the repository:

    git clone https://github.com/HussainShafayet/myportfolio.git
    cd myportfolio
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start

Usage

  1. Open your browser and navigate to http://localhost:3000.

  2. Explore the portfolio sections: Home, About, Projects, and Contact.

  3. To build the project for production, run:

    npm run build

Project Structure

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
└── ...

Contributing

Contributions are welcome! Follow these steps to contribute:

  1. Fork the repository.

  2. Create a new branch:

    git checkout -b feature/your-feature-name
  3. Make your changes.

  4. Commit your changes:

    git commit -m "Add your message"
  5. Push to the branch:

    git push origin feature/your-feature-name
  6. Open a pull request.