Giter Club home page Giter Club logo

epi-use's Introduction

epi-use

Schedule Management System for Epi-Use Technical Interview Due to me working part-time while studying I have not been able to spend as much time on this project as I would have liked to, and so I unfortunately must submit a project that is not fully functional. However I hope you are able to see my coding style and passion in this project nontheless and consider me for the internship. The front-end is really just barebones, and I know it should be better, but I did skimp on that in order to add more back-end code.

Overview of project functionality

  • A user will be able to login to the web app using their login credentials as provided in the registered_users json file.
  • Users will not be able to access pages of the web app if they are not logged in, and if attempted to do so, will be redirected to the login page.
  • Once a user has logged in, they can navigate to the main menu page.
  • From the main menu, a user is able to navigate to either the page to view all employees they are responsible for, or to view the schedules of all their responsible employees, as well as their own.

Architecture Diagram

image

Setup Instructions

  • Make a clone of this directory
  • Direct to the main schedule-manager folder in your terminal
  • Assuming that the computer has no packages and dependencies installed, run npm install to download all the required dependencies
  • Run ng serve in your terminal to open the web app
  • Navigate to http://localhost:4200/login on your browser

Login

image

Main Menu Page

The ID of the employee is stored on localstorage to be able to use this with all future operations. image

Responsible Emplyees (Hierarchy) Page

Unfortunately this is not fully functional. An employee can only view themselves in this hierarchy and not all employees underneath them. I did write code to accomplish this but was not able to sort out all the issues I faced in time.

image

View Schedules

This page unfortunately has no functionality I can show. I did write a lot of code to try and get this working but again was not able to put it all together in time.

Logout

When the user logs out it resets the local storage and prohibits them from accessing pages by just typing it into the URL. The user is directed to the login page after they click on logout.

epi-use's People

Contributors

mvantubbergh avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.