Personal Portfolio

Welcome to my personal portfolio! This project showcases my skills, projects, and experience as a developer. The portfolio is built with React, TypeScript, Tailwind CSS, and Vite for fast and efficient development.

Demo

Note

In progress...

Check out my portfolio here

Features

• Responsive Design: Adapts to all screen sizes, from mobile to desktop.
• Dynamic Content: Easy to customize sections for projects, skills, and personal information.
• Built with Modern Tools: Developed using React, TypeScript, Tailwind CSS, and Vite for a fast and smooth user experience.

Getting Started

To make this portfolio your own, follow these steps to fork the project and customize it.

1. Fork the Repository

Click on the "Fork" button at the top right of this repository to create a copy in your own GitHub account.

2. Clone the Forked Repository

Clone the repository to your local machine:

git clone https://github.com/YOUR-USERNAME/portfolio.git
cd portfolio

3. Install Dependencies

Make sure you have pnpm installed. Install the dependencies with:

pnpm install

4. Customize the Content

You can customize your portfolio by editing the data and components:

• Header: Go to src/components/Header.jsx and change the name and title to reflect your own information.
• Data: Modify the files in src/data/ to update the information for sections like projects, skills, and experience.

5. Run the Development Server

To see your changes in real-time, start the development server:

pnpm dev

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

6. Build and Deploy

Once you’re happy with the customizations, build the project for production:

pnpm build

Deploy the built project to GitHub Pages by following these steps:

1. Push your changes to your GitHub repository.
2. Go to Settings > Pages in your repository.
3. Select the gh-pages branch as the source to deploy your site.

Technologies Used

• React: JavaScript library for building user interfaces.
• TypeScript: Strongly typed programming language that builds on JavaScript.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• Vite: Fast build tool and development server.

Contributing

Feel free to open issues or submit pull requests to enhance the project! Contributions are welcome.

License

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