kunaltyagi9 / mern-stack-projects Goto Github PK

https://github.com/kunaltyagi9/MERN-Stack-Projects/blob/90fcb2a31e2ac90a1442cc0d9218b3358be08777/Blog-Website/client/src/service/api.js#LL117C6-L117C6

Hey, you have exposed your username and password within this repo!
dotenv file is also pushed😅

Thanks.

service_api__WEBPACK_IMPORTED_MODULE_1_.default.userSignup is not a function
TypeError: service_api__WEBPACK_IMPORTED_MODULE_1_.default.userSignup is not a function

Hello, I'm trying to run these clones my system using command like "npm start" there are not running i've also search solution but did not any solutions please guid me thanks.

Anyone tried to implement Razorpay ? if yes please share your gituhub repo or else willl try to implement realtime payment gateway?

Cannot read properties of undefined (reading 'path')
at App.js:19:28
at d (regeneratorRuntime.js:44:17)
at Generator. (regeneratorRuntime.js:125:22)
at Generator.next (regeneratorRuntime.js:69:21)
at o (asyncToGenerator.js:3:20)
at i (asyncToGenerator.js:22:9)

Module not found: Error: Can't resolve './service/api' in 'E:\FileSharing\client\src'
ERROR in ./src/App.js 7:0-43
Module not found: Error: Can't resolve './service/api' in 'E:\FileSharing\client\src'

React Hook useEffect has a missing dependency: 'dispatch'. Either include it or remove the dependency array react-hooks/exhaustive-deps .

C:\Users\om\Desktop\MERN-Stack-Projects\Blog-Website\server\node_modules\mongodb\lib\utils.js:98
process.nextTick(function() { throw err; });
^

TypeError: Cannot read properties of undefined (reading 'destroyed')
at GridFSBucketWriteStream.Writable.destroy (node:internal/streams/writable:884:14)
at C:\Users\om\Desktop\MERN-Stack-Projects\Blog-Website\server\node_modules\pump\index.js:45:45
at call (C:\Users\om\Desktop\MERN-Stack-Projects\Blog-Website\server\node_modules\pump\index.js:52:3)
at Array.forEach ()
at C:\Users\om\Desktop\MERN-Stack-Projects\Blog-Website\server\node_modules\pump\index.js:72:25
at GridFSBucketWriteStream. (C:\Users\om\Desktop\MERN-Stack-Projects\Blog-Website\server\node_modules\pump\index.js:31:21)
at GridFSBucketWriteStream.f (C:\Users\om\Desktop\MERN-Stack-Projects\Blog-Website\server\node_modules\once\once.js:25:25)
at GridFSBucketWriteStream.onerror (C:\Users\om\Desktop\MERN-Stack-Projects\Blog-Website\server\node_modules\end-of-stream\index.js:44:12)
at GridFSBucketWriteStream.emit (node:events:525:35)
[nodemon] app crashed - waiting for file changes before starting...

please help me out...

Hi,
I was wondering if you could share with me the Whatsapp clone videos that you posted on youtube as they seem to have been taken down from there. I was in the middle of watching them.
My email is [email protected]

The issue raised when frontend was trying to connect to backend

The useEffect which was creating a socket on the frontend was also running a cleanup function which had socketServer.disconnect(); handler
but it is not present in the backend code .

frontend code issue line
return () => { socketServer.disconnect(); }

error showing in the preview bar under network

Thank you for the wonderfull tutorial, My self Amit having 9+ years of experience in Web developement and i was learning react and node from your youtube video and recently i have one issue is that i can not define proper URL for detail page.

Can you please help me on that part?

When I m trying to upload file it says uncaught (in promise) TypeError: cannot read properties of undefined(reading 'path') at getImage(App.js:21:1)
Please help
Also it shows error while connecting to database
Please help 🙏

In image-controller.js :

export const getImage = async (req, res) => {
try {
const file = await gfs.files.findOne({ filename: req.params.filename });
const readStream = gfs.createReadStream(file.filename);
readStream.pipe(response);
} catch (error) {
console.log('Error encountered in image-controller');
return res.status(500).json(error);
}
};

readStream returns nothing. Kindly help me with this ?

Everything works perfectly after deploying on heroku but the payment gateway doesn't work. It says the syntax of callback url is not correct. In the server.js file, the callback url is specified as - paytmParams['CALLBACK_URL'] = 'callback';
I have attached the screenshot of the problem.

I also tried specifying the callback url as '/callback', '' '/callback', 'https://securegw-stage.paytm.in/callback'. None of them worked.

The heroku logs do not show any error either, it is also attached

I'm begineer with react and was building a clone project. it was all going fine but just after i used react-oauth/google it shows some errors and I'm unable to fix them. I have provided with the important stuff so please look over and help me out.

Here is the version of react i'm working on.

"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"

please help me out!!

### App.js

import { GoogleOAuthProvider } from '@react-oauth/google';import Messenger from './components/Messenger';function App() {

const clientId = '119025373029-s16up4lflr8hf84ee6ubmeptir5iscgm.apps.googleusercontent.com'

return (<GoogleOAuthProvider clientId={clientId}><Messenger /></GoogleOAuthProvider>);}

export default App;

### LoginDialog.jsx

import { Dialog, Box, Typography, List, ListItem, styled } from '@mui/material';import { qrCodeImage } from '../../constants/data';import { GoogleLogin } from '@react-oauth/google';

const Component = styled(Box)    display: flex;

const Container = styled(Box)    padding: 56px 0 56px 56px;

const QRCode = styled('img')({height: 264,width: 264,margin: '50px 0 0 50px'})

const Title = styled(Typography)    font-size: 26px;     color: #525252;     font-weight: 300;     font-family: inherit;     margin-bottom: 25px;const StyledList = styled(List)    & > li {     padding: 0;     margin-top: 15px;     font-size: 18px;     line-height: 28px;     color: #4a4a4a;     }

const dialogStyle = {height: '96%',marginTop: '12%',width: '60%',maxWidth: '100%',boxShadow: 'none',overflow: 'hidden',}

const LoginDialog = () => {

const onLoginSuccess = () => {

}

const onLoginError = () => {

}

return (
    <Dialog 
        open={true}
        PaperProps={{sx: dialogStyle }}
    >
        <Component>
            <Container>
                <Title>Use WhatsApp on your computer:</Title>
                <StyledList>
                    <ListItem>1. Open WhatsApp on your phone</ListItem>
                    <ListItem>2. Tap Menu Setting and Select Whatsapp</ListItem>
                    <ListItem>3. Point your phone to this screen to capture the code</ListItem>
                </StyledList>
            </Container>
            <Box style={{position: 'relative'}}>
                <QRCode src={qrCodeImage} alt="qr code" />    
                <Box style={{ position: 'absolute', top: '50%', transform: 'translateX(25%)'}}>
                    <GoogleLogin 
                        onSuccess={onLoginSuccess}
                        onError={onLoginError}
                    />
                </Box>
            </Box>
        </Component>
    </Dialog>
)

}export default LoginDialog;