https://github.com/muchokidavid/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.
https://github.com/muchokidavid/my-portfolio
Last synced: over 1 year ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/muchokidavid/my-portfolio
- Owner: MuchokiDavid
- Created: 2025-03-20T08:05:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-22T18:51:58.000Z (over 1 year ago)
- Last Synced: 2025-03-22T19:26:57.309Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://myportfolio-jade-three.vercel.app
- Size: 50.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://your-portfolio-url.com)
## 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**:
```bash
git clone https://github.com/MuchokiDavid/my-portfolio.git
cd my-portfolio
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the development server**:
```bash
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](https://vercel.com/docs)
- **Netlify**: [Netlify Deployment Guide](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/)
- **GitHub Pages**: [GitHub Pages Deployment Guide](https://vitejs.dev/guide/static-deploy.html#github-pages)
Example deployment to Vercel:
1. Install the Vercel CLI:
```bash
npm install -g vercel
```
2. Deploy the project:
```bash
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:
```bash
git checkout -b feature/your-feature-name
```
3. Commit your changes:
```bash
git commit -m "Add your commit message here"
```
4. Push to the branch:
```bash
git push origin feature/your-feature-name
```
5. Open a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact
If you have any questions or suggestions, feel free to reach out:
- **Email**: dmmuchoki7@gmail.com
- **GitHub**: [MuchokiDavid](https://github.com/MuchokiDavid)
- **LinkedIn**: [david-muchoki](https://linkedin.com/in/david-muchoki)
---
Thank you for visiting my portfolio! 🚀