project_3D_developer_portfolio icon indicating copy to clipboard operation
project_3D_developer_portfolio copied to clipboard

Email error

Open Sakyi2 opened this issue 2 years ago • 7 comments

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

Sakyi2 avatar Jul 30 '23 17:07 Sakyi2

it keeps loading for days

Sakyi2 avatar Jul 30 '23 17:07 Sakyi2

Let me know if you find any solution.

Hmmza-tariq avatar Jul 30 '23 20:07 Hmmza-tariq

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>

Sakyi2 avatar Jul 30 '23 21:07 Sakyi2

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.

Hmmza-tariq avatar Aug 01 '23 18:08 Hmmza-tariq

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 avatar Aug 02 '23 11:08 Sakyi2

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

Sakyi2 avatar Aug 02 '23 11:08 Sakyi2

its still face and error for me image

MadTigerZ avatar Jul 20 '24 11:07 MadTigerZ