*************BACKEND****************

 WE BEGIN WITH SETTING UP MONGODB.

SIGNIN TO MONGODB.

CREATE A NEW PROJECT

CREATE A NEW CLUSTER.



Comments

Post a Comment

Popular posts from this blog

CONNECTING MONGODB WITH EXPRESS

Image
 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...
Read more

SETTING UP REACT ROUTER

Image
 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...
Read more

*********UPDATING THE FRONTEND*********

Image
 WE WILL BEGIN WITH UPDATING THE FOOTER, IN FOOTER.JS import React from "react" ; function Footer () {   return (     <>       < div className = "footer" >         < div className = " f-brand " > &copy; TradeEasy Private Ltd </ div >         < div className = "f-info-socials  " >           < br />< br />< br />           < a href = "https://www.linkedin.com/in/abhishek-kumar5471/" >             < i class = "fa-brands fa-linkedin" ></ i >           </ a >           < a href = "https://github.com/abhishekkumar71" >             < i class = "fa-brands fa-github" ></ i >           </ a >         ...
Read more