portofolioReact

React-vitejs-tailwindcss Run your build process with 'npm run dev'

Connecting Form with Go to app.getform.io

To connect your form with app.getform.io, follow these steps:

1. Go to app.getform.io/forms in your web browser.
2. Access the Settings menu and select Setup.
3. Copy the Form endpoint (form action) provided in the Setup section.
4. Open the Contact.jsx file in your project.
5. Locate the <form> tag with the attributes action="" method="POST" encType="multipart/form-data".
6. Replace the empty action attribute with the Form endpoint you copied in Step 3.

After completing these steps, your form will be connected to app.getform.io and submissions will be sent to the specified endpoint.

Remember to save your changes to the Contact.jsx file.

How to Host Your Portfolio on a Website

To host your portfolio on a website, follow the steps below:

1. Open the project in Visual Studio Code (VSCode).

2. In the VSCode terminal, run the command npm run build. This will create a build folder.

3. Locate the dist folder within the project. Inside the dist folder, you will find an assets folder and an index.html file.

4. Copy both the assets folder and the index.html file.

5. Paste the copied assets folder and index.html file into your web host server.

That's it! Your portfolio should now be hosted on your website. Visitors can access it by navigating to the appropriate URL on your web host server.

Feel free to customize your website and make any necessary adjustments to suit your preferences.

Full screen Preview Click here to view full screen preview

Mobile Preview Click here to view mobile preview