adrianhajdin / project_3D_developer_portfolio

The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!
https://jsmastery.pro
5.76k stars 1.28k forks source link

Email error #89

Open Sakyi2 opened 1 year ago

Sakyi2 commented 1 year ago

hi i cant send a message to my email address please help me

Sakyi2 commented 1 year ago

it keeps loading for days

Hmmza-tariq commented 1 year ago

Let me know if you find any solution.

Sakyi2 commented 1 year ago

Okay

On Sun, 30 Jul 2023, 8:29 pm M Hamza Tariq, @.***> wrote:

Let me know if you find any solution.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_3D_developer_portfolio/issues/89#issuecomment-1657260509, or unsubscribe https://github.com/notifications/unsubscribe-auth/A5EFGZZSA46KRHBLWGPEDR3XS27ZBANCNFSM6AAAAAA25JXRTY . You are receiving this because you authored the thread.Message ID: @.*** com>

Hmmza-tariq commented 1 year ago

Hi @Sakyi2 I found the solution. 1- Create ".env" file in the project root folder where all the config files exist (like vite.config.js, tailwind.config.js etc) 2- add .env to .gitignore file (if you are using git else skip this step) 3- Create following variables in your .env file:

VITE_APP_EMAILJS_SERVICE_ID = x
VITE_APP_EMAILJS_TEMPLATE_ID = y
VITE_APP_EMAILJS_PUBLIC_KEY = z

4- Create an account at EmailJS and Gmail/ outlook service 5- Create a template 6- Now Copy the SERVICE_ID from Email Services, TEMPLATE_ID from template > settings and PUBLIC_KEY from account. Replace them with x, y and z respectively. 7- Now, while accessing the variables in your app, access like below

import.meta.env.VITE_EMAILJS_SERVICE_ID import.meta.env.VITE_EMAILJS_TEMPLATE_ID import.meta.env.VITE_APP_EMAILJS_PUBLIC_KEY

(in Contact.jsx they are already accessed like this so if you are using the same code no need to change anything)

and done It will start working. In case you need any furtter help let know.

Sakyi2 commented 1 year ago

Thanks, I'll check it out.

On Tue, 1 Aug 2023, 6:53 pm M Hamza Tariq, @.***> wrote:

Hi @Sakyi2 https://github.com/Sakyi2 I found the solution. 1- Create ".env" file in the project root folder where all the config files exist (like vite.config.js, tailwind.config.js etc) 2- add .env to .gitignore file (if you are using git else skip this step) 3- Create following variables in your .env file:

VITE_APP_EMAILJS_SERVICE_ID = x VITE_APP_EMAILJS_TEMPLATE_ID = y VITE_APP_EMAILJS_PUBLIC_KEY = z

4- Create an account at EmailJS https://www.emailjs.com/ and Gmail/ outlook service 5- Create a template 6- Now Copy the SERVICE_ID from Email Services, TEMPLATE_ID from template

settings and PUBLIC_KEY from account. Replace them with x, y and z respectively. 7- Now, while accessing the variables in your app, access like below

import.meta.env.VITE_EMAILJS_SERVICE_ID import.meta.env.VITE_EMAILJS_TEMPLATE_ID import.meta.env.VITE_APP_EMAILJS_PUBLIC_KEY

(in Contact.jsx they are already accessed like this so if you are using the same code no need to change anything)

and done It will start working. In case you need any furtter help let know.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_3D_developer_portfolio/issues/89#issuecomment-1660900642, or unsubscribe https://github.com/notifications/unsubscribe-auth/A5EFGZYQW3DDDJP7Z4347YTXTFGCZANCNFSM6AAAAAA25JXRTY . You are receiving this because you were mentioned.Message ID: @.*** com>

Sakyi2 commented 1 year ago

Hi @Sakyi2 I found the solution. 1- Create ".env" file in the project root folder where all the config files exist (like vite.config.js, tailwind.config.js etc) 2- add .env to .gitignore file (if you are using git else skip this step) 3- Create following variables in your .env file:

VITE_APP_EMAILJS_SERVICE_ID = x
VITE_APP_EMAILJS_TEMPLATE_ID = y
VITE_APP_EMAILJS_PUBLIC_KEY = z

4- Create an account at EmailJS and Gmail/ outlook service 5- Create a template 6- Now Copy the SERVICE_ID from Email Services, TEMPLATE_ID from template > settings and PUBLIC_KEY from account. Replace them with x, y and z respectively. 7- Now, while accessing the variables in your app, access like below

import.meta.env.VITE_EMAILJS_SERVICE_ID import.meta.env.VITE_EMAILJS_TEMPLATE_ID import.meta.env.VITE_APP_EMAILJS_PUBLIC_KEY

(in Contact.jsx they are already accessed like this so if you are using the same code no need to change anything)

and done It will start working. In case you need any furtter help let know.

thanks very much my email works perfectly

MadTigerZ commented 1 month ago

its still face and error for me image