MERN Stack Project that encompasses three different products; a Landing Page for the Katenna Application, a manager desktop application, and a mobile employee application.
PROJECT DESCRIPTION
Have you ever had to let go of an employee? Have you ever had to fire an employee? Have you ever had an employee quit on you? Do you know what "institutional knowledge" is?
HR experts have shown that employees who leave an organization take a substantial amount of invaluable operational knowledge with them. It's difficult to replace or duplicate by organizations, especially when internal systems to retain, replace or document it are nonexistent. That is what experts call "Institutional Knowledge".
The Katenna Application, is the solution to this problem.
Katenna is a combination of an Administrator Desktop Application and an End-User Mobile Application. The live app shows an example of the Tides South Beach Hotel using our application. The Administrator goes to our katenna.com landing page, where they can log in. After successfully logging in, an administrator can manage all tasks and duties within the hotel, as they relate to each employee and each department. Features include storing information in the database, adding, deleting, editing and assigning individual tasks. Additionally, the mobile application can be accesses by the hotel's employees, with their own authentication login, in the mobile application. Once inside the application, they can quickly retrieve information about their specific tasks an duties, using the integrated chat bot. They can also send suggestions upwards to their supervisors and managers about improvements or changes to specific tasks, which can be approved and added to the database.
KATENNA LANDING PAGE
UX/UI DESIGN & BUILT USING REACT.JS
UX/UI DESIGN & BUILT USING REACT.JS
KATENNA MANAGER DESKTOP APPLICATION UX/UI DESIGN & BUILT USING REACT.JS
KATENNA EMPLOYEE MOBILE APPLICATION
UX/UI DESIGN & BUILT USING REACT NATIVE
UX/UI DESIGN & BUILT USING REACT NATIVE
KATENNA PRINT DESIGNS
Technologies/Languages used:
HTML, CSS, Favicon, Bootstrap 4, Bootstrap4's New Features: CARDS, Google Web Fonts, Javascript, jQuery, Popper.js, JSON, Package.JSON, Node.js, Express, Body Parser, React, React Router, React Router DOM, Prop Types, Passport, Passport Local, Mongoose, Exports Loader, React Modal, MongoDB, Axios, Babel, BCrypt, Validator, Webpack, JSON WebToken, Firebase, React Native, React Native Router Flux, React Native Global Props, Expo, GET and POST routes.
USER INTERACTION DESIGN / USER EXPERIENCE DESIGN
SKETCHES, WIREFRAMES, & STATIC MOCKUPS
SKETCHES, WIREFRAMES, & STATIC MOCKUPS