-react -css this is my personal portfolio, where I introduce myself
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

62 lines
1.5 KiB

  1. # My Portfolio
  2. This is a personal portfolio web application built using React. It showcases various projects and skills and includes a contact form for users to get in touch.
  3. ## Table of Contents
  4. - [Getting Started](#getting-started)
  5. - [Features](#features)
  6. - [Installation](#installation)
  7. - [Usage](#usage)
  8. - [EmailJS Setup](#emailjs-setup)
  9. - [Contributing](#contributing)
  10. - [License](#license)
  11. ## Getting Started
  12. To get a local copy of the project up and running, follow these simple steps.
  13. ### Prerequisites
  14. Make sure you have the following installed:
  15. - [Node.js](https://nodejs.org/) (v14 or later)
  16. - [npm](https://www.npmjs.com/) (comes with Node.js)
  17. - [EmailJS](https://www.emailjs.com)
  18. Create an account on EmailJS, then create a new email service and template. Copy the Service ID, Template ID, and User ID.
  19. ### EmailJS Configuration
  20. 1. **Create a configuration file:**
  21. Create a file named `emailConfig.js` in the `src/components` directory with the following content:
  22. ```javascript
  23. // src/components/emailConfig.js
  24. const emailConfig = {
  25. serviceId: 'yourserviceid', // Replace with your EmailJS Service ID
  26. templateId: 'yourtemplateid', // Replace with your EmailJS Template ID
  27. userId: 'youruserid' // Replace with your EmailJS User ID
  28. };
  29. export default emailConfig;
  30. you then import it to the ContactForm.js
  31. ### Installation
  32. 1. **Install the dependencies:**
  33. bash
  34. npm install
  35. ## Usage
  36. ### Running the App
  37. To start the app in development mode:
  38. bash
  39. npm start