I need the frontend completed. You don't need to worry about the backend coding not working. That's being completed by another person. We just need regular coding placeholders there so they'll know...

I need the frontend completed.  You don't need to worry about the backend coding not working.  That's being completed by another person.  We just need regular coding placeholders there so they'll know where to input backend code. * user.handlebars (employee profile)      - In the user view, we will need the following features         - Side nav or something             href= "/api/posts/user (allows user to view all thier messages)             href= "/api/newMessage (allows user to create a new message)             href= "/api/adminMessage (allows user to see all admin messages)  * admin.handlebars (admin profile)      - In the admin view, we will need the following features:         - Side nav or something             href= "/api/posts (allows admin to view all posts)             href= "/api/posts/category (allows admin to view all posts in a category)             href= "/api/posts/employee (allows admin to view all posts from a certain user)             href= "/api/newMessage (allows admin to create a new message that gets displayed to all users)             href= "/api/newUser (allows admin to create a new employee and assign admin or normal access)

Drift/schema.sql DROP DATABASE IF EXISTS `drift_db`; CREATE DATABASE `drift_db`; Drift/server.js const express = require("express"); const path = require("path"); const logger = require("morgan"); const cookieParser = require("cookie-parser"); const session = require("express-session"); const dotenv = require("dotenv"); const passport = require("passport"); const Auth0Strategy = require("passport-auth0"); const flash = require("connect-flash"); const userInViews = require("./lib/middleware/userInViews"); const authRouter = require("./routes/auth"); const indexRouter = require("./routes/index"); const usersRouter = require("./routes/users"); const adminRouter = require("./routes/admin_routes"); const employeeRouter = require("./routes/user_routes"); const exphbs = require("express-handlebars"); const app = express(); const db = require("./models"); const PORT = process.env.PORT || 8080; dotenv.config(); app.use(express.urlencoded({ extended: true })); app.use(express.json()); const sqSync = { force: false, }; db.sequelize.sync(sqSync).then(function () { app.listen(PORT, function () { console.log("App listening on PORT " + PORT); }); }); // Configure Passport to use Auth0 const strategy = new Auth0Strategy( { domain: process.env.AUTH0_DOMAIN, clientID: process.env.AUTH0_CLIENT_ID, clientSecret: process.env.AUTH0_CLIENT_SECRET, callbackURL: process.env.AUTH0_CALLBACK_URL || "http://localhost:8080/callback", }, function (accessToken, refreshToken, extraParams, profile, done) { // accessToken is the token to call Auth0 API (not needed in the most cases) // extraParams.id_token has the JSON Web Token // profile has all the information from the user return done(null, profile); } ); passport.use(strategy); // You can use this section to keep a smaller payload passport.serializeUser(function (user, done) { done(null, user); }); passport.deserializeUser(function (user, done) { done(null, user); }); // View engine setup app.engine("handlebars", exphbs({ defaultLayout: "main" })); app.set("view engine", "handlebars"); app.use(logger("dev")); app.use(cookieParser()); // config express-session let sess = { secret: "CHANGE THIS SECRET", cookie: {}, resave: false, saveUninitialized: true, }; if (app.get("env") === "production") { // If you are using a hosting provider which uses a proxy (eg. Heroku), // comment in the following app.set configuration command // // Trust first proxy, to prevent "Unable to verify authorization request state." // errors with passport-auth0. // Ref: https://github.com/auth0/passport-auth0/issues/70#issuecomment-480771614 // Ref: https://www.npmjs.com/package/express-session#cookiesecure // app.set('trust proxy', 1); sess.cookie.secure = true; // serve secure cookies, requires https } app.use(session(sess)); app.use(passport.initialize()); app.use(passport.session()); app.use(express.static(path.join(__dirname, "public"))); app.use(flash()); // Handle auth failure error messages app.use(function (req, res, next) { if (req && req.query && req.query.error) { req.flash("error", req.query.error); } if (req && req.query && req.query.error_description) { req.flash("error_description", req.query.error_description); } next(); }); app.use(userInViews()); app.use("/", authRouter); app.use("/", indexRouter); app.use("/", usersRouter); app.use("/", adminRouter); app.use("/", employeeRouter); // Catch 404 and forward to error handler app.use(function (req, res, next) { const err = new Error("Not Found"); err.status = 404; next(err); }); // Error handlers // Development error handler // Will print stacktrace if (app.get("env") === "development") { app.use(function (err, req, res) { res.status(err.status || 500); res.render("error", { message: err.message, error: err, }); }); } // Production error handler // No stacktraces leaked to user app.use(function (err, req, res) { res.status(err.status || 500); res.render("error", { message: err.message, error: {}, }); }); Drift/seeddb.js require("dotenv").config(); const db = require("./models"); const sqSync = { force: true, }; console.log(process.env.DB_PASSWORD); db.sequelize.sync(sqSync).then(function () { require("./datafixtures/datafixture")(); }); Drift/projectPlan.md # AS A FOOD SERVICE OWNER I want an application where my employees can leave feedback # AS A FOOD SERVICE EMPLOYEE I would like the option to submit ideas or feedback with the option to remain anonymous. # I CAN ALSO view any of my previous posts. # WHEN AN EMPLOYEE creates an account, they are presented with a simple, polished UI that allows them to SUBMIT feedback under several categories. # WHEN MANAGEMENT logs into their account, they are presented with several methods of viewing and searching feedback data (i.e. by category, employee). # MANAGEMENT can also post a question to all employees, so that # AS AN EMPLOYEE I can login and submit my response to the specific question with the option to remain anonymous. ## Frontend -- (Walter, Tania) # Handlebar layouts * main.handlebars (layout) - We need all script and style tags - Navbar href= "/" anchor tag href= "/about" anchor tag href= "/newAccount" anchor tag if logged out href= "/login" anchor tag if logged in href= "/user" anchor tag href= "/logout" anchor tag - Body tag -- {{{body}}} - Do we want a footer? * index.handlebars (home page) - whatever we want our home screen to look on site load - I think that we will need to have a form on this page that allows users to create a new company account - User inputs company and owner name and hits a "create" button ( "/newCompany" this creates a row in Company table) - This user is automatically designated as the "owner" in the "user" table. - New User is then invited to link their google account with their Drift account by signing in with Auth0. - Once the account owner does this, they are redirected to the admin view - If the company already exists, the employee/owner is invited to log in by clicking the log in button at the top of the screen. - Once they submit their google credentials, the db is searched to see if there name is asscociated with a company. If not, the request to login fails. If it's a success the user gets redirected to the user view. * user.handlebars (employee profile) - In the user view, we will need the following features - Side nav or something href= "/api/posts/user (allows user to view all thier messages) href= "/api/newMessage (allows user to create a new message) href= "/api/adminMessage (allows user to see all admin messages) * admin.handlebars (admin profile) - In the admin view, we will need the following features: - Side nav or something href= "/api/posts (allows admin to view all posts) href= "/api/posts/category (allows admin to view all posts in a category) href= "/api/posts/employee (allows admin to view all posts from a certain user) href= "/api/newMessage (allows admin to create a new message that gets displayed to all users) href= "/api/newUser (allows admin to create a new employee and assign admin or normal access) # JQuery Pages We will need js files for all of our jquery -- these will go in the public/assets/js directory ## Backend -- (Sam, Brian) # Auth0 - Customize login screen - Ensure that we can access info from users google profile # Routes "/" (render home page) "/login" (launches Auth0) Done "/loggout" (logs user out and redirects to "/") Done "/user" (render user view) Done "/admin" (render admin view) "/error" (render error view) "/failure" (render failure view) "/newCompany" (creates new row for company and renders /login) -logic to check if the company exists already -if company can be created -new company created in company table. -owners name to the user table (owner = true) -redirect(/login) "/api/posts" (gets all posts from db and renders /admin) "/api/adminPosts/:user" (gets one employees posts from db and renders /admin) "/api/posts/:category" (gets all category post from db and renders /admin) "/api/newUser" (creates a new user and renders /admin) "/api/newQuestion" (creates a new question and renders /admin) "/api/getAnswers" (gets all answers from db and