I have a strong background in full-stack development, working with various programming languages and technologies. Each project reflects my passion for building well-crafted & intuitive web solutions.
To run this project locally, follow these steps:
- Clone the repository.
https://github.com/jd0x0021/portfoliooo.git
- Install dependencies.
cd portfoliooonpm install
- Start the application.
npm run devThe app will be running at http://localhost:5173.
I used EmailJS as an email delivery service. These are the guides that I followed:
- Create Your EmailJS Account & Install EmailJS Package.
Note: don't install axios like the one in the youtube video.
- Configure your .env file so that you will be able to test your contact form locally (see the next section on how to configure these variables for production environment).
Create a .env file at the root of your project (just like in the image below).
After setting up your EmailJS account, add your EmailJS public key, service id, and template id to your .env file (because this will be used in the code).
- Test the contact form.
- We will receive the message from our email if our setup is successful!
My portfolio is hosted on Cloudflare Pages. This is how I set it up:
- Create a Cloudflare Pages account, then login.
- On the sidebar select Workers & Pages.
- Click the Create button.
- Select Pages tab.
- Click the Connect to Git button.
- Select your portfolio's repository, then click Begin setup button.
- Input the project's details, then click Save and Deploy button.
- Wait until your project is completely deployed. Even after the success message, it may take some time for your project to be fully deployed.
- On the sidebar select Workers & Pages, then select your project.
- Go to the Settings tab, then select Variables and Secrets, and add the EmailJS properties (so that the send email functionality will work in production).
- Done! The website is successfully hosted! 🤩
My portfolio website was heavily inspired by the work of: HamishMW.