Main ashish

.gitignore

@@ -13,6 +13,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local

package.json

@@ -2,22 +2,25 @@
   "name": "doworkless-userapp",
   "version": "0.1.0",
   "private": true,
+  "homepage":".",
   "dependencies": {
     "@mui/icons-material": "^5.10.16",
     "@mui/lab": "^5.0.0-alpha.114",
     "@mui/material": "^5.10.16",
     "@mui/styles": "^5.10.16",
     "@mui/x-date-pickers": "^5.0.16",
-    "@reduxjs/toolkit": "^1.9.2",
+    "@reduxjs/toolkit": "^1.9.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@trendyol-js/react-carousel": "^3.0.0",
     "axios": "^1.3.2",
     "dayjs": "^1.11.7",
     "dotenv": "^16.0.3",
+    "firebase": "^9.17.1",
     "formik": "^2.2.9",
     "infinite-react-carousel": "^1.2.11",
+    "notistack": "^2.0.8",
     "react": "^18.2.0",
     "react-circular-progressbar": "^2.1.0",
     "react-dom": "^18.2.0",

public/index.html

@@ -4,15 +4,23 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="title" content="TechPyro - Digital Platforms for Making Everything Possible | Tech Era">
-<meta name="description" content="Techpyro - A Platform that Makes Everything Digitally Possible! Our Services Include Website Development, Application Design, Graphic Design, Video Editing, Dashboard UI/UX Design, Logo Design, Presentation Creation, and Content Writing.">
-
-<meta name="keywords" content="techpyro, TechPyro, Tech Pyro, tech pyro,websites,web page,online website,website design,web design,website development,web page design,web design and development,site design,design a website,professional website designer,website design and development,professional web design,web design website,web design development,webpage designer,website page design,web design and web development,website design sites,designers website,it website design,website design development,professional website development,design webpage,designing page,website design website,dev website,it website design,a webpage,professional website development,design webpage,it web developer,website dev,website development website,a web developer,webpage is,site design,use database,web coding,professional website designer,a web page is,web developer website,website design and development,professional web design,web design website,web design development,coding web,webpage designer,website page design,web design and web development,website design sites,designers website,website design development,web development coding,website design website,web page website,webpage,web page design,web dev,web design and development,design a website,data basesweb programmer,website design,webite,site,web development,database,web design,website development,designing page,network,page,website">
-<meta name="robots" content="index, follow">
-<meta name="language" content="English">
-<meta name="author" content="techpyro">
-
+    <meta name="keywords" content="techpyro,websites,web page,online website,website design,web design,website development
+    ,web page design,web design and development,site design,design a website,professional website designer,website design and development,professional web design
+    ,web design website,web design development,webpage designer,website page design,web design and web development,website design sites,
+    designers website,it website design,website design development,professional website development,design webpage,
+    designing page,website design website,dev website,it website design,a webpage,professional website development,design webpage,
+    it web developer,website dev,website development website,a web developer,webpage is,site design,use database,web coding,
+    professional website designer,a web page is,web developer website,website design and development,professional web design,
+    web design website,web design development,coding web,webpage designer,website page design,web design and web development,website design sites,
+    designers website,website design development,web development coding,website design website,web page website,webpage,
+    web page design,web dev,web design and development,design a website,data basesweb programmer,website design,webite,
+    site,web development,database,web design,website development,designing page,network,page,website," />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
     <meta name="google-site-verification" content="%REACT_APP_PROCESS_CONTENT_KEY%" />
+    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0"/>
     <style>
       *{
         margin: 0;
@@ -22,19 +30,7 @@
     <link rel="stylesheet" type="text/css" charset="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" /> 
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />
 
-    <title>TechPyro - Digital Platforms for Making Everything Possible | New Tech Era
-    </title>
-
-    <!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-XRJTXWS6W2"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-XRJTXWS6W2');
-</script>
-
+    <title>TechPyro</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

src/App.js

@@ -15,23 +15,24 @@ import OrderDetails from "./pages/orders/OrderDetails";
 import Profile from "./pages/profile/Profile";
 import Search from "./pages/search/Search";
 import Login from "./pages/auth/Login";
+import Signup from "./pages/auth/Signup";
 
 function App() {
-
   return (
     <Router>
       <Routes>
         <Route exact path="/" element={<Home/>} />
         <Route exact path="/websites" element={<Category/>} />
         <Route exact path="/products" element={<Products/>} />
-        <Route exact path="/product/:id" element={<Product/>} />
+        <Route exact path="/product" element={<Product/>} />
         <Route exact path="/cart" element={<Cart/>} />
         <Route exact path="/checkout" element={<CheckOut/>} />
         <Route exact path="/orders" element={<Orders/>} />
         <Route exact path="/orderdetails" element={<OrderDetails/>} />
         <Route exact path="/my-account/profile" element={<Profile/>} />
         <Route exact path="/search" element={<Search/>} />
         <Route exact path="/login" element={<Login/>} />
+        <Route exact path="/signup" element={<Signup/>} />
       </Routes>
     </Router>
   );

src/constants/Constant.jsx

@@ -1,36 +1,36 @@
 export const navData = [
   {
-    url: "/images/header/WEBSITE ILLUSTRATION.png",
+    url: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQpUdyyGoiuz2xtroCUZQYkuZvMuMRvECr_Ew&usqp=CAU",
     text: "Websites",
     href: "websites",
   },
   {
-    url: "/images/header/APPS ILLUSTRATION.png",
+    url: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQG-3uBcqW7w339owEfoctJhr2K369yxOasqv-mjvOkpAKlQvy-WokIPC6uKs-Im8g9PNw&usqp=CAU",
     text: "Apps",
     href: "apps",
   },
   {
-    url: "/images/header/DASHBOARD ILLUSTRATION.png",
+    url: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQG-3uBcqW7w339owEfoctJhr2K369yxOasqv-mjvOkpAKlQvy-WokIPC6uKs-Im8g9PNw&usqp=CAU",
     text: "Dashboards",
     href: "Dashboards",
   },
   {
-    url: "/images/header/UI UX ILLUSTRATION.png",
+    url: "https://www.bluepixeltech.com/assets/front/img/services-img/UI_UX.png",
     text: "UI/UX Designs",
     href: "ui_ux_designs",
   },
   {
-    url: "/images/header/DIGITAL MARKETING ILLUSTRATION.png",
+    url: "https://www.pngitem.com/pimgs/m/124-1247079_seo-digital-marketing-transparent-background-hd-png-download.png",
     text: "Digital Marketing",
     href: "digital-marketing",
   },
   {
-    url: "/images/header/GRAPHICS DESIGN ILLUSTRATION.png",
+    url: "https://www.pngitem.com/pimgs/m/124-1247079_seo-digital-marketing-transparent-background-hd-png-download.png",
     text: "Graphics Designing",
     href: "graphics-designing",
   },
   {
-    url: "/images/header/LOGO DESIGN ILLUSTRATION.png",
+    url: "https://assets.stickpng.com/thumbs/5f5b8665a1cd8f0004b35c2f.png",
     text: "Logo designs",
     href: "logo-designs",
   },
@@ -40,12 +40,12 @@ export const navData = [
     href: "presentations",
   },
   {
-    url: "/images/header/CONTENT WRITING ILLUSTATION.png",
+    url: "https://www.kindpng.com/picc/m/255-2557629_content-writing-icon-transparent-content-writing-services-hd.png",
     text: "Content-Writing",
     href: "content_writing",
   },
   {
-    url: "/images/header/VIDEO EDITING ILLUSTRATION.png",
+    url: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRk3yK_hUsgVIxwdFP99tAVo_z_QSsCdVZKeZQvtyqlPn477hpkqtHv0ZCahDh7Dq5qCdQ&usqp=CAU",
     text: "Video Editing",
     href: "video_editing",
   },

src/contents/account/blockRight/BlockRight.jsx

@@ -1,15 +1,18 @@
 import { Avatar, Typography,useTheme } from '@mui/material'
 import { Box } from '@mui/system'
 import React from 'react'
+import { useSelector } from 'react-redux';
+import { selectUser } from '../../../redux/userRedux';
 
 export default function BlockRight() {
     const theme = useTheme();
+    const user = useSelector(selectUser)
   return (
     <Box sx={{minWidth:'200px',width:{md:'20%',xs:'100%'},height:{md:'300px',sm:'170px',xs:'260px'},display:'flex',flexDirection:{md:'column',sm:'row',xs:'column'},alignItems:'center',justifyContent:{md:'center',xs:'space-between'},background:`${theme.colors.alpha.white[100]}`,boxShadow:`${theme.colors.shadows.card}`,borderRadius:'5px',marginBottom:{md:'0',xs:'20px'}}}>
         <Box sx={{height:'120px',display:'flex',gap:'10px',flexDirection:'column',alignItems:'center',justifyContent:'center',marginLeft:{md:'0',xs:'20px'}}}>
-            <Avatar alt='Nitish Kumar' src='/' sx={{width:'50px',height:'50px',fontSize:'20px', background:`${theme.colors.gradients.orange1}`}}/>
-            <Typography>Nitish Kumar</Typography>
-            <Typography>nitidjbwjbjbcnb@gmail.com</Typography>
+            <Avatar alt={user.currentUser.data.name?user.currentUser.data.name:"TechPyro User"} src='/' sx={{width:'50px',height:'50px',fontSize:'20px', background:`${theme.colors.gradients.orange1}`}}/>
+            <Typography>{user.currentUser.data.name?user.currentUser.data.name:"TechPyro User"}</Typography>
+            <Typography>{user.currentUser.data.email?user.currentUser.data.email:"+91-"+user.currentUser.data.phone}</Typography>
         </Box>
         <Box sx={{display:{md:'block',xs:'none'},width:'100%',fontSize:'17px',marginTop:'10px',paddingLeft:'20px',paddingTop:'5px',fontWeight:500,height:'40px',background:`${theme.colors.alpha.black[10]}`}}>Default Address</Box>
         <Box sx={{height:'140px',padding:'10px 20px'}}>