415
questions
0
votes
1
answer
38
views
CSS files are getting applied to all the components in my react app, even after using CSS modules
I am making a react web-page about a Finance Planner and i have 4 components: Dashboard, Homepage, Login-page, and SignUp-page. What happened is i first coded the pages in basic HTML and CSS and then ...
-1
votes
0
answers
12
views
How to to fetch real time data in socket io
Can someone explain me that how to fetch real time onlineUser data in the code shown here?
Frontend code:
import "./Convo.css";
import React, { useEffect } from 'react'
import User from &...
1
vote
0
answers
43
views
Untracked directories from the shared repository by the Git panel - VS Code and Visual Studio
I have a git repository that contains an FS project: a database, server (C#), and client (React).
Since there is one common repository, when I change files on the server side by using the Visual ...
0
votes
1
answer
27
views
Jhipster 8 after running mvnw, BUILD SUCCESS but no link to click to open the webpage
C:\Users\User\Desktop\fyp\AppOne>mvnw
:: JHipster ? :: Running Spring Boot 3.3.3 :: Startup profile(s) dev ::
:: https://www.jhipster.tech ::
2024-09-04T02:55:30.742+08:00 DEBUG 34664 --- [...
0
votes
0
answers
22
views
using NextAuth.js v5 and a separate backend like .Net 8 Web Api?
I am new in Next.js and it turorials recommend using NextAuth.js for authentication and authorization.
My current app will use .Net 8 Web API as backend and have supported authentication and ...
0
votes
1
answer
25
views
How can I upload Multiple Images in a One Post
I am trying to create a mock social media app and everything works fine for now. However, I wonder if I can manage to upload up to 5 images for one post and also fetching and rendering them. I just ...
0
votes
1
answer
51
views
The Image is not displaying correctly
there is an image of quiz-app which should be displayed in the 60% of the screen but it is showing this. instead this is the auth component:
import React from 'react';
import './Auth.css';
const Auth ...
0
votes
0
answers
23
views
Dont know how to fetch data from mongoDB and display it in nextjs app using mongoose
So like, im making an app using nextjs, where i take input from user (username password and email) from home page, save it to db via mongoose and then display it on other page named dashboard, im able ...
0
votes
0
answers
24
views
How can I dynamically fetch data from an api using T3 stack?
How can I update the page or the information using the T3 stack
'use client'
import useFetchBooks from "~/hooks/useFetchData";
import SearchArea from "./_components/home/SearchArea&...
0
votes
0
answers
22
views
How to resolve this MongoDb atlas related problem that is coming in my vs code terminal
OJ PROJECT 3\backend>node server.js
(node:23356) [MONGODB DRIVER] Warning: useNewUrlParser is a deprecated option: useNewUrlParser has no effect since Node.js Driver version 4.0.0 and will be ...
0
votes
0
answers
139
views
Is it recommended using NextAuth.js v5 and a separate backend like .Net 8 Web Api?
I am new in Next.js and it turorials recommend using NextAuth.js for authentication and authorization.
My current app will use .Net 8 Web API as backend and have supported authentication and ...
-2
votes
1
answer
48
views
Node js ejs variable not define issue
i am mern stack developer and i don't have any experience in this field. I have tried all method to solve the below problem but it gives error
my template file is
<!DOCTYPE html>
<html lang=&...
0
votes
2
answers
201
views
I am getting an error as : AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE'}
I am developing a MERN stack web application which allows sellers to post their rooms on rent and for users to search and select the best room for them.
Whenever I execute the functionality Post ...
1
vote
0
answers
85
views
How to set up an Express server with Socket.IO on Netlify or another free host?
I'm trying to set up an Express server with Socket.IO and deploy it on Netlify. My server was working fine on localhost, but I'm having trouble configuring it to work on Netlify. Here's what I have so ...
0
votes
0
answers
28
views
404 Not found error on vercel nodejs deployment
I am trying to host my nodejs backend on vercel, I am getting 404 Not Found when I make an api call. here's my vercel.json file:
{
"version": 2,
"builds": [
{ "src&...
1
vote
1
answer
97
views
Is it okay to encrypt a 3rd party access token and refresh token, in an encrypted JWT?
I have a full stack app with a React frontend and FastAPI (python) backend, which ultimately revolves around the user authenticating with Spotify and generating playlist data.
Since the app and the ...
0
votes
2
answers
40
views
I can't get tailwind to work in my fullstack project
I have been trying to make my tailwind to work in my fullstack application, I am using Vite to work with React, Node.js and I want to use express also. This are my files so far
For the component that ...
1
vote
1
answer
57
views
How can I improve this axios request that returns a blank page?
I am refreshing my fullstack knowledge and have run into a problem with pulling in a single movie from the back end to the front end. When testing via postman I can get the movie without a problem and ...
0
votes
1
answer
141
views
Issue with Second User Not Adding to Convex Database
Running into a snag with my project setup—leveraging Clerk for authentication & Convex for the DB. Oddly, the second user's not getting added in Convex, even though Clerk's updating smoothly. Any ...
0
votes
0
answers
99
views
Optimizing FastAPI for Multiple Requests with Limited GPU Memory
I have developed an app using Fast API as the backend and JavaScript for the frontend.
Now, I want to handle multiple requests on my server, considering that I am using large language models like ...
0
votes
1
answer
35
views
Dynamic SQLAlchemy filter [duplicate]
I am trying to write a dynamic filter for an API that uses SQLAlchemy (python). The front end will pass in optional arguments via query string to the backend and then the python backend should query ...
0
votes
0
answers
41
views
Unexpected behavior in Javascript
Using the below code, I see unexpected behavior in Javascript: When clicking on any items, the website navigates to lifestyle/[id], but it does not render correct content or it raises 404 error. Why ...
0
votes
1
answer
24
views
Issue dealing with the apollo client
I am making a full stack app with aws amplify.
I am using app sync sdk because I was having issue with generating a aws amplify client. But now it's showing this problem with apollo client.
Without ...
0
votes
1
answer
28
views
Why does the hover effect of a react component not work when rendered inside a list using map function?
I'm working on a layout that displays the educational qualification of a student. Here's the layout as per the prototype:
The two TextButtons in the qualification-button class doesn't show the ...
2
votes
1
answer
35
views
how to distinguish front-end ts-config from Deno default typescript checker
i'm trying to migrate my project from nodeJS to Deno. it has 2 part:
the part that run on server to build, serve and test front-end app
the front-end part in /app directory that will be build by ...
0
votes
1
answer
27
views
Next.JS Redirect concatenate routes
I am doing a Next.js project with typescript and when I am in a profiel page "/en/profile" I am trrying to redirect for a "en/dashboard" the error occur that instead of redirecting ...
0
votes
0
answers
31
views
How to show pyLDAvis html without internet on React browser
I have tried to display my pyLDAvis results in iframe in React. It works well in the internet but when there is no internet, the display is not seen. I have tried to call d3 locally in public/index....
0
votes
2
answers
28
views
Drop down menu selecting other input field not appearing
I am trying to get an input field to appear when the user selects 'other' from the drop down menu. It was only appearing when I first got on the add recipes page, but I changes a few lines and then it ...
1
vote
0
answers
23
views
Issue with the UI it works perfectly in web view but make a scroll in mobile view
i created a design it works good in web view but makes a scroll vertically in mobile browser:
web view :
enter image description here
mobile view :
enter image description here
The selfie circled ...
0
votes
1
answer
37
views
While creating the react app it is showing some errors
Error Image
Please see and help me.
I want to create react app. but it's not working.
the errors says that,
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\shubham\AppData\Roaming\...
1
vote
0
answers
64
views
To show the post data from the front end application in the backend php
I am new to PHP, I would like to develop a simple API in php that is to print out the login name and password in the page of the API php:
<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
...
0
votes
0
answers
24
views
Sorry, this installer does not support your operating system: MSYS_NT-10.0-22631
I'm attempting to install Wasp, a tool for building full-stack web applications with React & Node.js.
The installation instructions recommend using the provided command:
curl -sSL https://get.wasp-...
1
vote
1
answer
58
views
Cant find what the problem is: SyntaxError: Unexpected end of JSON input at Object.register [as mutationFn] (api-clients.ts:16:41)
`I have been following a code along project and I was going smooth until I bumped into this error where I have the exact same code as the working model but it would not work.
It concerns the Mutate ...
0
votes
0
answers
148
views
Notification Provider component causing Hydration errors in NextJS with React Moralis - FCC Pat Collins full stack dev course
I am stuck in lesson 10 and I am unable to progress after the wrapper in my layout.js file in my next app
My Layout.js :
"use client"
import { Inter } from "next/font/google"
...
0
votes
0
answers
43
views
Not able to share react-konva data between clients through websockets correctly
I am making a nextjs whiteboard application something like excalidraw, link here -https://excalidraw.com/
But in my case I am trying to make it real time collaborative where one person can enter the ...
0
votes
0
answers
31
views
How to create a Cookie and send it to my react (Frontend) browser and have a cookie based authentication System and a Private route to my Home page
The constraint here was to Create a Cookie without the JWT.
I had tried Creating but it was not able to access at the frontend browser to activate the private route allow
for PrivateRoutes i this the ...
0
votes
0
answers
34
views
Get 500 error when fetching the data from controller
So I tried to fetch the controller.
useEffect(() => { displayEstates() }, []);
async function displayEstates() {
const response = await fetch('/api/estatedto', {
headers: new ...
0
votes
1
answer
1k
views
Failed to load module script: help needed
index-d5Zm7UFq.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for ...
0
votes
0
answers
33
views
how to styling component from anther component in react js
enter image description here
Hello, how are you guys, I hope you find a solution to this problem. I want when I click on these bars the sidebar to disappear even though it's not in the same component ...
0
votes
0
answers
111
views
Unable to connect to MongoDB database via Mongoose
I'm creating an app with the MERN stack, and I'm using Mongoose. Somehow it just refuses to connect to the database.
My code:
import {createRequire} from 'module';
const require = createRequire(import....
-1
votes
1
answer
97
views
Backend with next js to build an e-commerce website
Guys it's really bothering me that i want to know how do e-commerce websites know that the customer made an order!! I mean like how do u receive that as devolper, I'm learning front-end and I'm ...
0
votes
0
answers
41
views
Getting a method not allowed error when trying to run a patch
I have a form that is using a ternary expression to decide if it is editing values or submitting new values. The adding values that are new is working via my postman client test, but edit is giving me ...
0
votes
0
answers
51
views
Zod Form not Submitting in NextJs
I have this nextjs Application where i am using zod to validate form and handle submission.
The code is as below:
Sign Up form
const page = () => {
const [first_name, setFirstName] = useState(&...
0
votes
0
answers
44
views
error:0308010C:digital envelope routines::unsupported
Getting this error - :
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:68:19)
at Object.createHash (node:crypto:138:10)
at module.exports (F:\...
-1
votes
1
answer
31
views
MERN Project Authentication
I want to make MERN project.I uses Redux Toolkit for state management. I will use authentication in my project but I got error while requesting server that is written myself.error is network error and ...
0
votes
2
answers
71
views
How to send an array to the backend with React and FastAPI. I keep getting error code 422 [duplicate]
Here is my React code. I'm parsing a CSV I upload to fileData. I'm just trying to print the data in the console for now in my Backend. The CSV probably has around 350 rows.
const [fileData, ...
0
votes
1
answer
116
views
Error: Uncaught ReferenceError: __webpack_require__ is not defined at u/newrelic<privetstring>
My OS is Linux-mint and I have a React typescript app. working with yarn (not npm) and docker containers for APISIX and front-end. Also, I have Webpack but without out Webpack configuration file.
I ...
0
votes
0
answers
184
views
User Management with Admin Dashboard system in Next.js and Typescript
How can I build a web project in which I have to design a system in which multiple users are there and 1 admin is present. Users can make transactions to admin's account. Admin can see a dashboard of ...
-1
votes
1
answer
48
views
i wanna store html type string into database, but safely
i have my react quill component, which returns something like this
EXAMPLE:
<p><br></p><p>fsdafsd</p><p>fsdfsda</p><p>fsdafsad</p
and that is content,...
0
votes
0
answers
27
views
Data Received from frontend is not getting updated in database
//React Js (frontend) Code
function onclickcancel(){
setdate('0000-00-00')
settime('00:00:00')
settopic('Cancelled')
axios.put('http://localhost:8081/cancel',{email,...