add design system

Author: hassanyahya400

.DS_Store

@@ -1,21 +1,35 @@
 const express = require('express');
 const app = express();
-const PORT = process.env.PORT || 8080;
+const dashboardRouter = require('./routes/dashboard')
+const { users, ROLE } = require('./data');
+const {authUser, authRole} = require('./basicAuth')
 
-// set the view engine to ejs
-app.use(express.static('public'))
-app.set('view engine', 'ejs');
 
-// use res.render to load up an ejs view file
+app.use(express.static('public'));
+app.set('view engine', 'ejs');
+app.use(express.json())
+app.use(setUser)
+// app.use('/dashboard', dashboardRouter);
 
-// index page
 app.get('/', function(req, res) {
      res.render("pages/index")
+     
 });
 
-// about page
-app.get('/dashboard', function(req, res) {
-     res.send('You just logged in')
-});
+app.get('/design', (req, res) => {
+     res.render('pages/design')
+})
+
+
+function setUser(req, res, next) {
+     const userId = req.body.userId
+     if (userId) {
+       req.user = users.find(user => user.id === userId)
+       
+     }
+
+     next()
+}
 
+const PORT = process.env.PORT || 3000;
 app.listen(PORT, () => console.log(`Listening on ${ PORT }`))

app.js

@@ -0,0 +1,25 @@
+function authUser (req, res, next) {
+    if(req.user == null) {
+        res.status(403)
+        
+        return res.send('You need to login first')
+    }
+
+    next()
+}
+
+function authRole (role) {
+    return (req, res, next) => {
+        if (role != req.user.role) {
+            res.status(401)
+            return res.send('UnAuthorized')
+        }
+        
+        next();
+    }
+}
+
+module.exports = {
+    authUser,
+    authRole
+}

basicAuth.js

@@ -0,0 +1,34 @@
+const ROLE = {
+    ADMIN: 'admin',
+    BASIC: 'basic'
+  }
+  
+  module.exports = {
+    ROLE: ROLE,
+    users: [
+      {
+        id: 1,
+        email: 'admin@consuelo.com',
+        password: `123456`,
+        role: ROLE.ADMIN
+      },
+      {
+        id: 2,
+        email: 'user1@consuelo.com',
+        password: `123456`,
+        role: ROLE.BASIC
+      },
+      {
+        id: 3,
+        email: 'user2@consuelo.com',
+        password: `123456`,
+        role: ROLE.BASIC
+      },
+      {
+        id: 4,
+        email: 'user4@consuelo.com',
+        password: `123456`,
+        role: ROLE.BASIC
+      },
+    ]
+  }

data.js

@@ -0,0 +1,18 @@
+const { ROLE } = require('../data')
+
+function canViewDashboard(user, project) {
+    return (user.role === ROLE.ADMIN || user.id === project.userId)
+}
+
+function scopedProject(user, projects) {
+    if (user.role === ROLE.ADMIN) {
+        return res.json(projects)
+    }
+
+    return projects.filter(project => user.id === project.userId)
+}
+
+module.exports = {
+    canViewDashboard,
+    scopedProject
+}

permission/dashboard.js

@@ -2,3 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
+
+@font-face {
+    font-family: "Montserrat";
+    src: url("../public/fonts/ADELIA.otf");
+  }