An open API service indexing awesome lists of open source software.

https://github.com/itz-hiru/my-portfolio

This is my personal portfolio website developed by my self.
https://github.com/itz-hiru/my-portfolio

css emailjs javascript personal-website portfolio reactvite

Last synced: about 1 month ago
JSON representation

This is my personal portfolio website developed by my self.

Awesome Lists containing this project

README

          

# 🌟 Portfolio - React Vite 🚀

![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)
![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)
![CSS](https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![EmailJS](https://img.shields.io/badge/EmailJS-FF0A00?style=for-the-badge&logo=emailjs&logoColor=white)
![React Toastify](https://img.shields.io/badge/React%20Toastify-FF6133?style=for-the-badge&logo=react&logoColor=white)
![Boxicons](https://img.shields.io/badge/Boxicons-000000?style=for-the-badge&logo=boxicons&logoColor=white)

> A sleek and interactive personal portfolio built using **React** and **Vite** showcasing my skills, projects, and achievements 💼.

🎯 **Features**
- ✅ Responsive, modern design
- 📩 Contact form powered by **EmailJS**
- 💬 Toast notifications using **React Toastify**
- 🎨 Beautiful icons from **Boxicons**
- 🌐 Fast, optimized experience with **Vite**

---

## 🚀 Quick Start

```bash
# Clone the repository
git clone https://github.com/itz-Hiru/My-Portfolio.git
cd My-Portfolio

# Install dependencies
npm install

# Run the application
npm run dev
```

⚡ **Runs on:** `http://localhost:3000`

---

## 🛠️ Tech Stack
- **React 18+** ⚛️
- **Vite** ⚡
- **CSS** 🌸
- **EmailJS** 📧
- **React Toastify** 🍞
- **Boxicons** 📦

---

## 🖼️ Live Demo
[![Demo](https://img.shields.io/badge/Watch%20Demo-%F0%9F%8E%AC-red)](https://hirumitha-portfolio.vercel.app)

---

## 🔐 Environment Variables (.env)

```env
VITE_EMAILJS_SERVICE_ID=your_email_service_id
VITE_EMAILJS_TEMPLATE_ID=your_emailjs_template_id
VITE_EMAILJS_PUBLIC_KEY=your_emailjs_public_key
```

---

## 🏗️ Development Guidelines

1. 🍴 Fork the repository
2. 🌿 Create a new branch for features/fixes
3. 💻 Make your changes and test thoroughly
4. 🔥 Submit a pull request for review

---

## 📞 Contact
📧 Email: hirumithakuladewanew@gmail.com
🌐 GitHub: [itz-Hiru](https://github.com/itz-Hiru)

Give a ⭐ if you like this project! 🎉

---

## License

MIT License