Personal Portfolio Template

A starter kit for building a personal website using React and Tailwind CSS. Customize this template to create your own portfolio website.

Getting Started

Clone the Repository

git clone

Navigate to the Project Directory

cd your-repo-name

Install Dependencies

npm install

or

yarn install

Customization

To make this template your own, update the following files:

Update Your Resume

• Replace /src/assets/ExampleResume.pdf with your own resume.
• Update import for the resume under /src/components/Hero.jsx

Update Your Profile Image

• Replace /src/assets/placeholder.jpg with your own profile image.
• Update import for the profile picture under /src/components/Hero.jsx

Update Your Logo Image

• Update /src/assets/YourLogo.png with your own customized logo image
• Update import for your customized logo under /src/components/Navbar.jsx and /src/components/Footer.jsx

Update Constants in index.jsx

Update the constants at the top of index.jsx to reflect your own details.

Update the following components

Under /src/components/ContactForm.jsx, replace the following -

• "<YOUR_SERVICE_ID>"
• "<YOUR_TEMPLATE_ID>"
• "<YOUR_USER_ID>"

You can find the information above once you create your own template in emailjs

Under /src/components/Footer.jsx, replace "your name" with your name at the copyright section at line 32

Under /src/index.css, feel free to change the css variables to adjust to your style

Running the Application

Start the Development Server

npm start

or

yarn start

This will start the development server and open the website in your default browser.

Deployment

To deploy the website, use any deployment method (e.g. GitHub Pages, Vercel, Netlify).

Contributing

If you'd like to contribute to this template or report any issues, please submit a pull request or open an issue on the repository.

License

This template is open-source and licensed under the MIT License.