My Portfolio

Welcome to my personal portfolio! This project showcases my skills, projects, and experience as a software developer. It is built using React, Vite, and Tailwind CSS, and features a clean, modern design with interactive elements.

Live Demo

Check out the live version of the portfolio: Live Demo

Features

• Responsive Design: Works seamlessly on all devices (desktop, tablet, mobile).
• Interactive Animations: Built with Framer Motion for smooth animations.
• Skill Showcase: Displays my skills with looping text and icons.
• Project Highlights: Links to my GitHub projects with descriptions.
• Contact Form: A functional contact form for easy communication.
• Downloadable Resume: Direct link to download my CV.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A fast build tool for modern web development.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Framer Motion: A production-ready motion library for React.
• React Icons: A collection of popular icons for React projects.

Installation

Follow these steps to set up the project locally:

1. Clone the repository:

   git clone https://github.com/MuchokiDavid/my-portfolio.git
   cd my-portfolio

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser: Visit http://localhost:5173 to view the portfolio.

Project Structure

Here’s an overview of the project structure:

my-portfolio/
├── public/               # Static assets (images, icons, etc.)
├── src/
│   ├── components/       # Reusable React components
│   ├── App.jsx           # Main application component
│   ├── main.jsx          # Entry point for the app
│   └── styles.css        # Global styles
├── .gitignore            # Files and directories to ignore in Git
├── index.html            # HTML template
├── package.json          # Project dependencies and scripts
├── README.md             # Project documentation
└── vite.config.js        # Vite configuration

Customization

To customize the portfolio for your own use:

1. Update Content:

   • Replace the placeholder text in src/components/ with your own information.
   • Update the skills array in the Hero component to showcase your skills.
   • Add your projects to the Projects component.

2. Update Images:

   • Replace the placeholder images in the public/ folder with your own.

3. Update Links:

   • Update the GitHub, LinkedIn, and email links in the NavBars and Contact components.

4. Update Resume:

   • Replace the link to the resume in the NavBars component with your own CV.

Deployment

To deploy the portfolio, you can use one of the following platforms:

• Vercel: Vercel Deployment Guide
• Netlify: Netlify Deployment Guide
• GitHub Pages: GitHub Pages Deployment Guide

Example deployment to Vercel:

1. Install the Vercel CLI:

   npm install -g vercel

2. Deploy the project:

   vercel

Contributing

Contributions are welcome! If you’d like to contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bugfix:

   git checkout -b feature/your-feature-name

3. Commit your changes:

   git commit -m "Add your commit message here"

4. Push to the branch:

   git push origin feature/your-feature-name

5. Open a pull request.

License

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

Contact

If you have any questions or suggestions, feel free to reach out:

• Email: [email protected]
• GitHub: MuchokiDavid
• LinkedIn: david-muchoki

---

Thank you for visiting my portfolio! 🚀