IN THE CLSUTER, CLICK ON CONNECT, THEN ON THE NEXT PAGE, COPY THE LINK, WE NEED TO CREATE A NEW IP ADDRESS 0.0.0.0/0 IT ENABLES SERVERS FROM EVERYWHERE. IN THE PLACE OF <db_password> WE PASTE THE PASSWORD THAT WE CREATED DURING THE CREATION OF CLUSTER. WE STORE IT IN THE .env FILE .ENV MONGO_URL =mongodb+srv://marsakatlaabhishek7168:********@pr1cluster.h5ozwrd.mongodb.net /? retryWrites =true& w =majority& appName =PR1Cluster LATER, IN index.js FILE WE REQUIRE IT require ( "dotenv" ). config (); const PORT = process . env . PORT || 3002 ; const uri = process . env . MONGO_URL ; INDEX.JS require ( "dotenv" ). config (); const express = require ( "express" ); const mongoose = require ( "mongoose" ); const PORT = process . env . PORT || 3002 ; const uri = process . env . MONGO_URL ; const app = express (); app . listen ( PORT , () => { console . log ( "port listening to 8000" ); mongoo...
TO SETUP ROUTES, WE INSTALL REACT ROUTER BY THE COMMAND, npm i react-router-dom TO USE IT, WE NEED TO IMPORT ROUTE,ROUTES AND BROWSERROUTER. import { BrowserRouter , Routes , Route } from "react-router-dom" ; ROUTES ARE DECLARED BETWEEN THE BROWSERROUTER TAG. HERE, ANCHOR TAGS DONOT WORK <a> . WE WILL USE LINK TAG INSTEAD. import { Link } from "react-router-dom" ; WE CREATE A NEW PAGE TO DISPLAY AN ERROR MESSAGE WHEN AN UN-EXISTING ROUTE IS CALLED. NOTFOUND.JS export default function NotFound () { return ( < div className = "text-center mt-5" > < h1 > 404 Not Found!! </ h1 > < p > Sorry! the page you are looking for, doesnot exist </ p > </ div > ); } INDEX.JS WE REMOVE THE NAVBAR AND FOOTER IN THE OTHER PAGES,AS THEY EXIST IN THE INDEX.JS import React from "react" ; import ReactDOM from "react-dom/client" ; import "./index.css...
Comments
Post a Comment