feat(user): added user profile

controllers/user.js

@@ -90,6 +90,23 @@ async function getUser(req, res) {
 	}
 }
 
+async function updateProfile(req, res) {
+  try {
+      const { name, avatar, title, work, education, skills, location, phone, socialMedia, websites } = req.body;
+
+      await Users.findOneAndUpdate({ _id: req.params.id }, {
+        name, avatar, title, work, education, skills, location, phone, socialMedia, websites
+      })
+
+      res.json({ msg: 'Updated profile' })
+  } catch (err) {
+
+      logger.error(err);
+
+      return res.status(500).json({ msg: err.message });
+  }
+}
+
 const createAccessToken = (user) => {
     return jwt.sign(user, process.env.ACCESS_TOKEN_SECRET, { expiresIn: '1d' })
 }
@@ -102,5 +119,6 @@ export {
   register,
   refreshToken,
   login,
-  getUser
+  getUser,
+  updateProfile
  };

models/user.js

@@ -6,6 +6,36 @@ const userSchema = new mongoose.Schema({
         required: true,
         trim: true
     },
+    avatar: {
+      type: Object,
+      required: true,
+      default: "https://i.imgur.com/JSD2auk.png",
+    },
+    title: {
+      type: String,
+    },
+    work : {
+      type: Array,
+    },
+    education : {
+      type: Array,
+    },
+    skills : {
+      type: Array,
+      default: []
+    },
+    phone : {
+      type: String
+    },
+    socailMedia : {
+      type: Array,
+    },
+    websites : {
+      type: Array,
+    },
+    location : {
+      type: String,
+    },
     email: {
         type: String,
         required: true,

routes/user.js

@@ -4,7 +4,8 @@ import {
   register,
   refreshToken,
   login,
-  getUser
+  getUser,
+  updateProfile
 } from '../controllers/user.js';
 
 const router = express.Router();
@@ -17,4 +18,6 @@ router.get('/refresh_token', refreshToken);
 
 router.get('/info', auth, getUser);
 
+router.post('/update', auth, updateProfile);
+
 export default router;

src/API/UserAPI.jsx

@@ -1,19 +1,39 @@
 import { useState, useEffect } from "react";
 import axios from "axios";
 
+const initialState = {
+    "role": 0,
+    "name": "",
+    "email": "",
+    "password": "",
+    "avatar": {},
+    "title" : "",
+    "location" : "",
+    "work" : [],
+    "education" : [],
+    "skills" : [],
+    "phone" : "",
+    "socialMedia" : [],
+    "websites" : [],
+}
+
 function UserAPI(token) {
 	const [isLoggedIn, setIsLoggedIn] = useState(false);
 	const [isAdmin, setIsAdmin] = useState(false);
 	const [history, setHistory] = useState([]);
+  const [user, setUser] = useState(initialState);
+  const [authenticated, isAuthenticated] = useState(false);
 
 	useEffect(() => {
 		if (token) {
 			const getUser = async () => {
-				try {
-					const res = await axios.get("/api/user/infor", {
-						headers: { Authorization: token },
+        try {
+          const res = await axios.get("/api/user/info", {
+            headers: { Authorization: token },
 					});
 					setIsLoggedIn(true);
+          isAuthenticated(true);
+          setUser(res.data);
 					res.data.role === 1 ? setIsAdmin(true) : setIsAdmin(false);
 
 				} catch (err) {
@@ -24,12 +44,12 @@ function UserAPI(token) {
 		}
 	}, [token]);
 
-
-
 	return {
 		isLoggedIn: [isLoggedIn, setIsLoggedIn],
 		isAdmin: [isAdmin, setIsAdmin],
 		history: [history, setHistory],
+    user: [user, setUser],
+    authenticated: [authenticated, isAuthenticated],
 	};
 }
 

src/App.js

@@ -14,53 +14,26 @@ import ArticleItem from './Pages/Articles/Article/Article';
 import ProjectItem from './Pages/Projects/Project/Project';
 import Login from './Pages/Auth/login';
 import Register from './Pages/Auth/register';
-
+import Profile from './Pages/User/profile';
+import Editprofile from './Pages/User/editProfile';
 
 export default class App extends Component {
-  state = {
-    user: null,
-    authenticated: false
-  }
 
   render() {
 
     return (
 
       <BrowserRouter>
         <Switch>
-          <Route
-            path="/"
-            exact
-            render={() => (
-              <Home
-              />
-            )}
-          />
-          <Route
-            path="/about"
-            exact
-            render={() => (
-              <About
-
-              />
-            )}
-          />
-          <Route
-            path="/shop"
-            exact
-            render={() => (
-              <Shop
-              />
-            )}
-          />
-          <Route path="/client" exact render={() => (
-              <Client
-              />
-            )}
-          />
-          <Route path="/project" exact component={Projects}/>
-          <Route path="/project/:id" exact component={ProjectItem}/>
           <DataProvider>
+            <Route path="/" exact render={() => (<Home/>)}/>
+            <Route path="/about" exact render={() => ( <About/>)}/>
+            <Route path="/shop" exact render={() => (<Shop/>)}/>
+            <Route path="/profile" exact component={Profile}/>
+            <Route path="/edit" exact component={Editprofile}/>
+            <Route path="/client" exact component={Client}/>
+            <Route path="/project" exact component={Projects}/>
+            <Route path="/project/:id" exact component={ProjectItem}/>
             <Route path="/login" exact component={Login} />
             <Route path="/register" exact component={Register} />
             <Route path="/blog" exact component={Articles} />

src/GlobalState.js

@@ -9,13 +9,13 @@ export const GlobalState = createContext()
 export const DataProvider = ({ children }) => {
     const [token, setToken] = useState(false)
 
+
     useEffect(() => {
 		const firstLogin = localStorage.getItem("firstLogin");
 		if (firstLogin) {
 			const refreshToken = async () => {
 				const res = await axios.get("api/user/refresh_token");
 				setToken(res.data.accesstoken);
-
 				setTimeout(() => {
 					refreshToken();
 				}, 10 * 60 * 1000);