Submitted 4 months ago

Responsive design , Visual studio

react, typescript

Nikhil K Patel•110

@Nikhil-786

A solution to the IP Address Tracker challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

implement leafleft and IP tracker logic for first time. organizing the code

What challenges did you encounter, and how did you overcome them?

responsive design is the challenge . i have started learning and implementing hope to get better for each project

What specific areas of your project would you like help with?

responsive design is still what i am learning .

.env file is not working for me in vite environment so would need help on it when i am creating key with name is VITE_API_KEY and importing in my app component its showing me undefined have tried to find the solution and tried to resolve but was not able to resolve. i have posting in help channel is discord but no reply. kindly help if any know about this

Code

Please log in to post a comment

Community feedback

P
markus•2,700
@markuslewin
Posted 4 months ago
How are you setting the key? It works for me when I create a file .env that looks like this:
```
VITE_API_KEY=my api key
```
Note that the API key will be visible in the browser. If you want to keep the key a secret, you have to set up some server function for the app to call, and then have the server function make the call to ipify!

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord