Skip to content

Latest commit

Β 

History

History
102 lines (70 loc) Β· 2.22 KB

File metadata and controls

102 lines (70 loc) Β· 2.22 KB

haris.dev – Personal Portfolio

A modern, responsive developer portfolio built with React and Vite.
Showcasing my skills, projects, and experience as a passionate web developer.


✨ Features

  • Responsive Design: Looks great on all devices.
  • Animated Sections: Smooth reveal-on-scroll animations.
  • Project Showcase: Easily add and manage featured projects.
  • Contact Form: Send messages directly via EmailJS.
  • Modern Stack: Built with React, Vite, and Tailwind CSS.

πŸš€ Getting Started

Prerequisites

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/your-repo.git
    cd your-repo
  2. Install dependencies:

    npm install
    # or
    yarn install
  3. Set up environment variables:

    Create a .env file in the root or src directory and add:

    VITE_SERVICE_ID=your_emailjs_service_id
    VITE_TEMPLATE_ID=your_emailjs_template_id
    VITE_PUBLIC_KEY=your_emailjs_public_key
    
  4. Start the development server:

    npm run dev
    # or
    yarn dev

πŸ› οΈ Customization

  • Projects:
    Add or edit projects in src/components/sections/projects.jsx using the ProjectCard component.

  • Contact Form:
    Configure your EmailJS credentials in the .env file and EmailJS dashboard.

  • Branding:
    Update the favicon and site title in index.html.
    Place your logo in the public folder and reference it in the <link rel="icon" ...> tag.


πŸ“¦ Deployment

This project is ready for deployment on Vercel or Netlify.

  • Environment Variables:
    Set your EmailJS keys in the deployment platform’s environment variable settings.

  • Build:

    npm run build
    # or
    yarn build

πŸ“„ License

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


πŸ™‹β€β™‚οΈ Author

Haris
haris.dev
GitHub


Feel free to fork, use, and contribute!