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...
IN THIS PART, WE WILL ADD THE ICONS WHILE HOVERING OVER EACH STOCK. WE WILL USE MATERIAL UI FOR IT. INITIALLY WE CREATED A STATE VARIABLE (showWatchListActions) THAT IS SET TO FALSE. IT BECOMES TRUE WHEN WE HOVER OVER IT (MOUSE ENTER) AND WHEN THE CONDITION IS TRUE WE USE THE WATCHLIST ACTION. CONDITION: { showWatchListActions && < WatchlistActions uid = { stock . name } /> } WE INCLUDE 4 BUTTONS BUY,SELL,ANALYTICS (CHART), MORE. THE MATERIAL UI : < BarChartOutlined className = "icon" /> < MoreHoriz className = "icon" /> const WatchlistItem = ({ stock }) => { const [ showWatchListActions , setShowWatchListActions ] = useState ( false ); const handleMouseEnter = ( e ) => { setShowWatchListActions ( true ); }; const handleMouseLeave = ( e ) => { setShowWatchListActions ( false ); }; return ( <> ...
Comments
Post a Comment