Blog Post #4

I really got to start diving into the project since my last post. I was able to make my first React page without the use of a tutorial and even was able to get it to successfully connect to a back end Node JS server.

I had done Node JS based back end work before as far establishing a server and performing API calls but this was the first time establishing a server and connecting to it with a front end framework. Following making this connection I then proceeded to began working on a CREATE API call to upload data to Google Datastore. The biggest obstacle I had to overcome this week though was uploading a file to the front end then sending it to the server to then upload to Google Storage.

I had never performed any file transfers over a server before so I had to dig in and find some resources to help out. I ended up using axios to pass it along in a FormData() object to the server where I used multer to hold the file temporarily as it was then upload to Google Storage.

The next step in my journey will be to work on completing the same task but in reverse. Pulling the photo from Google Storage to the server and then bring it back to the front end. Looking to reporting back next week on how I am able to tackle the task.

Leave a comment

Your email address will not be published. Required fields are marked *