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.

My code is exactly the same as Cristians so I don't know why this is happening, could be sandbox but the error is an issue with the main index.js something to do with it rendering null at ReactDOM.render. If anyone knows what's happening it would be much appreciated. 4 | import App from "./App"; 5 | 6 | const rootElement = document.getElementById("root"); > 7 | ReactDOM.render( | ^ 8 | <StrictMode> 9 | <App /> 10 | </StrictMode>, Code: https://codesandbox.io/p/sandbox/component-mounting-rsktfw?file=%2Fsrc%2Findex.js%3A13%2C1