hellaanxiouss/My-Portfolio

Here's the updated README.md including react-hook-form and the method to install it.

My Portfolio

This is a personal portfolio website built with React and Vite. It showcases my projects, skills, and includes a contact page.

Table of Contents

• Demo
• Features
• Technologies Used
• Installation
• Usage
• Project Structure
• Contact
• License

Demo

You can check out the live demo of the portfolio here.

Features

• Portfolio page showcasing projects
• Contact form
• Responsive design
• Smooth scrolling
• Modern UI using Tailwind CSS

Technologies Used

• React
• Vite
• Tailwind CSS
• React Router DOM
• React Icons
• React Type Animation
• React Hook Form

Installation

To get a local copy up and running follow these simple steps:

Prerequisites

Make sure you have Node.js installed.

Clone the repo

# Using HTTPS
git clone https://github.com/hellaanxiouss/My-Portfolio.git

# Using SSH
git clone git@github.com:hellaanxiouss/My-Portfolio.git

# Using GitHub CLI
gh repo clone hellaanxiouss/My-Portfolio

Install NPM packages

Navigate to the project directory and install the dependencies:

cd My-Portfolio
npm install

This will install the following packages:

React

npm install react react-dom

Vite

npm install vite

Tailwind CSS

npm install -D tailwindcss

React Router DOM

npm install react-router-dom

React Icons

npm install react-icons --save

React Type Animation

npm install react-type-animation

React Hook Form

npm install react-hook-form

Usage

To start the development server, run:

npm run dev

This will start the Vite development server, and you can view the website at http://localhost:3000.

Project Structure

Here is a brief overview of the project structure:

My-Portfolio/
├── src/
│   ├── assets/
│   │   └── data.js
│   ├── components/
│   │   └── header.jsx
│   ├── pages/
│   │   ├── about.jsx
│   │   ├── contact.jsx
│   │   ├── home.jsx
│   │   └── portfolio.jsx
│   ├── App.css
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
└── vite.config.js

Contact

Feel free to reach out if you have any questions or suggestions!

• Email: tirthp.1128@icloud.com
• LinkedIn: Tirth Dhedhi
• GitHub: hellaanxiouss

License

Distributed under the MIT License. See LICENSE for more information.

Feel free to replace placeholder information such as the demo URL, contact details, and license information with your actual data.