PixAI DevLog: Day 4

I should be done by now...

Been an interesting few days developing this app, here some of the stuff that happened:

1. Finished fully responsive design of this in 2days. 😎😎

2. Made 5 successful API calls using axios(turns out I'm not as incompetent as I thought😅).

3. Almost went crazy trying to make the last api work from base64 encoding to making the post request....finally I got in contact with the developers and they are trying to get it up at the moment( problem was from their side apparently).

That's basically it but I'm happy it turned out great.

I should be deploying by now, in fact I did but I took down cos my api_keys weren't secured, I've gone through posts about hiding stuff like on github with gitignore but I can't seem to get it working in production, all assistance is greatly appreciated

Later ✌

Comments

[Ayan Banerjee]

I should be deploying by now, in fact I did but I took down cos my api_keys weren't secured, I've gone through posts about hiding stuff like on github with gitignore but I can't seem to get it working in production

You can add those to environmental variables. In fact, I am using those only to hide API keys: dev.to/ayanb/medidoc-update-4-depl... 😅

[Nabil Alamin]

Thanks for this, it worked.
The problem now is it has to be refreshed after each api call 😥, any suggestions?

[Ayan Banerjee]

Does your API key change after each call?

It's true that once you modify the environment variables the app has to be redeployed.

[Nabil Alamin]

No the key doesn't change that's why I'm confused, its until the page is refreshed then it works

[Ayan Banerjee]

Then you have to change something in code I believe.

Does the same thing happen locally? Also, any error messages in browser console?

[Nabil Alamin]

Yh I figured it out, Omitted a dependency in useEfffect hook 🤧😅. It's working smoothly now. Thanks