Code Monkey home page Code Monkey logo

consulting-dashboard's Introduction

Consultancy Project Dashboard

image

Features

This dashboard allows one to view completed projects and retrieve key information about them. This information includes the dates, revenue generated, the employees that worked on the project and the revenue generated by the project. The data used is falsified and was provided by facultyai. It can be accessed via this API: https://consulting-projects.academy-faculty.repl.co/

Please note that the server ‘sleeps’ after a period of inactivity. This means requests will initally timeout or may be slow. Continue to refresh at 1 minute intervals, and it will wake up.

In addition to viewing projects, there also exists profile pages for each client and each employee, which detial relevant information.

Furthermore, projects can be sorted through and filtered. The filter settings are saved to and retrieved from session storage.

Improvements

Improved filtering

It was my intention to show a dropdown of clients or employees when '/client' or '/employee' is typed into the filter bar. A user would then be able to select a value to filter projects on this employee, or on this client. They would ideally be able to filter on any number of either, and these would show up as buttons just below the search bar. They would be removable by clicking. The infrastructure to handle this exists; the HomePage state includes 'filteredEmployees' and 'filteredClients', as well as a list of all employees and a list of all clients.

Better error handling

Currently, failed requests produce a windows alert. I would have liked for this to be a nicer looking modal. It would also have been good to have retries when requests time out, or to be able to respond to errors based on their specific types- even if it only means providing a more detailed alert.

More testing

Some Cypress tests are employed to verify that window alerts do occur when a request fails. With more time however, I would have liked to test a wider expanse of user inputs and use stories so as to prove that it does what it ought to.

consulting-dashboard's People

Contributors

temlabs 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.