function RecipesList() { //use effect to useEffect(() => { const getRecipesList = async () => { const response = await fetch("http://localhost:4000/recipe/allrecipes", { method: "GET", }); const json = await response.json(); if (response.ok) { setData(json); const allCategories = [ "all", ...new…
How to fix this error ? Here is HotelRoom Module const mongoose = require('mongoose'); const Schema = mongoose.Schema; const HotelRoomSchema = new Schema({ name : { type : String, require : true }, numberofRooms : { type : Number, require…
I am using Google Identity Services to setup login for my webpage. I am doing API calls in a async function which returns a Promise resolve but the .then function is executed even before the Promise is resolved. I am…
I'm following this youtube tutorial on MERN. Video link: https://www.youtube.com/watch?v=xKs2IZZya7c&ab_channel=CodingWithDawid Application github link: https://github.com/dejwid/mern-blog At minute 45:00 of the video, he mentions installing nodemon without go into too much detail. I installed this but nodemon is not working. When I…
I have created a MERN stack application ,and now i want to host my application on the aws server. I have already purchased the domain name for my application. I have implemented my frontend(React) and backend(Node) differently and I have…
I am trying to make a feature where a user can delete an expense they created OR a manager can delete an expense they have created but I am getting a not authorized error when trying to delete my expense…
Upon login I fetch and return the user's messages, then filter for 'unread' on the frontend to display a red alert icon on top of a notification bell. The time it takes to complete the request is 13s. I believe…
"proxy": "https://mango-artist-rmdnr.pwskills.app:5000", I am adding this code to connect my frontend with backend then it showing invalid host header. My backend is running on port 5000 and frontend react is running on port 3000. "scripts": { "start": "react-scripts start --public…
I am building a MERN app where I want to use a POST method to send data to my collection in MONGODB. I imported schema as Messages here is the code app.post("/messages/new",(req,res) => { const dbMessage = req.body; Messages.create(dbMessage,(err,data) =>…
Is this an anti-pattern in React if I do this? How can I improve? I have an EventItem Component and another helper file - EventHelper.js which handles all the axios calls for the said component. The functions declared in this…