Hey everyone, I have been away for about a month because my wife and I just had our wedding. It was a great event and now that it is over, I am glad to be back in the peace of the day-to-day. Just finished up the Weather App, for the most part. I know I need to implement styled components rather than a CSS sheet and I also need to refactor the code and perhaps use more components rather than a few big ones. Let me know if you have any tips on that please. But it looks like everything is working properly and I'm quite happy to have finished this, the first serious React project. And @Cristian Florea let me know how you did the slide in of the components while loading instead of the basic "fetching data..." PREVIEW: https://qlfvlr.csb.app/city/Seoul CODE: https://codesandbox.io/p/sandbox/weather-app-qlfvlr?file=%2Fsrc%2FApp.js%3A16%2C13

Hey guys, hope you are all doing well. I got hired as a front end engineer for a company in London recently! I also got accepted to build a booking system app for a retreat centre in Portugal and am working as a project manager/ front end developer for that project. The road to getting into tech has been a long and hard one, but definitely building the crypto app was a huge benefit - the interviewers really liked it a lot. Also working on the squared app was crucial in getting the job as there were a lot of questions on Agile and examples of team work etc. I really hope this message motivates you guys to continue coding and becoming better developers, it will pay off . Just follow essentially whatever Cristean says and you will get a job 😂

Hey guys and @Cristian Florea , I am having trouble in the navigation component with getting the city to delete. I am not sure what is happening, please check my handleDelete on the Navigation page. Code here: https://codesandbox.io/p/sandbox/weather-app-qlfvlr?file=%2Fsrc%2Fcomponents%2FNavigation.js%3A17%2C1

I am using an API with the Headers: "x-api-key" way of varifying the key in order to make sure the user can't put in any names that are not cities. The following is my code. Something must be off that I am not aware of because the api wont call. It makes the same 400 error as when i didn't have the key at all: const handleSubmit = async (event) => { event.preventDefault(); if (value) { try { setIsLoading(true); const { data } = await axios( `https://api.api-ninjas.com/v1/city?name=${value}`, { headers: { Authorization: { "x-api-key": "pR/pMV9hptKNyk1e2i5DjQ==s5ppiwzYglSKzYj0", }, }, } ); if (value.toLowerCase() === data.name.toLowerCase()) { const updatedCities = [ ...cities, { city: value, id: Math.random() - Math.random() }, ]; setCities(updatedCities); setValue(""); setIsLoading(false); } } catch (err) { setError(err.message); setIsLoading(false); setTimeout(() => { setError(""); }, 5000); } } }; Link if you need to see more: https://codesandbox.io/p/sandbox/weather-app-qlfvlr?file=%2Fsrc%2Fcomponents%2FNavigation.js%3A16%2C1-49%2C5

Excited because this seems to be the first fully professional looking app with modern features. Happy to have reached a point where my skills are capable of this.