Welcome to my personal portfolio website built with React, featuring animations powered by the AOS library and email functionality integrated using EmailJS. This portfolio showcases my skills, projects, and provides a way to contact me. Feel free to explore and get in touch!
-
Interactive Design: The portfolio is designed to be visually appealing and user-friendly, with smooth animations powered by the AOS library to engage visitors.
-
Project Showcase: Display your projects, work experience, and skills to highlight your expertise and accomplishments.
-
Contact Form: An integrated contact form powered by EmailJS allows visitors to send you messages directly from the portfolio.
-
Responsive: The portfolio is designed to be responsive and adapt to various screen sizes and devices.
-
React: The portfolio is built with React, a popular JavaScript library for building user interfaces.
-
AOS Library: AOS is used for animating elements on scroll, adding a dynamic touch to the portfolio.
-
EmailJS: EmailJS is used for the contact form to send emails directly from the portfolio.
To get a copy of this project up and running on your local machine, follow these steps:
-
Clone the repository:
git clone https://github.com/binary-tech001/MyPortfolio.git
-
Navigate to the project directory:
cd your-portfolio
-
Install the project dependencies:
npm install
-
Create a .env file in the root directory and configure your EmailJS API credentials as follows:
REACT_APP_EMAILJS_USERID=your-emailjs-user-id REACT_APP_EMAILJS_SERVICEID=your-emailjs-service-id REACT_APP_EMAILJS_TEMPLATEID=your-emailjs-template-id
-
Start the development server:
npm start
-
Open your web browser and visit http://localhost:3000 to see the portfolio.
Customize the portfolio to showcase your own projects, skills, and work experience. You can easily update the content by modifying the React components and data files.
-
Update the projects, skills, and work experience data in the
src/data
directory. -
Customize the portfolio layout and appearance by editing the React components in the
src/components
directory. -
Feel free to add more sections or features to the portfolio to suit your needs.
To configure the contact form to send emails to your email address:
-
Sign up for an EmailJS account at EmailJS.
-
Create an email template and note down the template ID.
-
Create a service and note down the service ID.
-
Update the
.env
file with your EmailJS API credentials (as mentioned in the "Getting Started" section).
If you'd like to contribute to this project, please follow the Contributing Guidelines.