You can visit the deployed web application here
An accessible customer relationship management system, which can be used for storing a company's client and project database.
Functionality / Technologies Used
Usage Instructions
Future Development
Gallery
Resources
Functionality here
Technologies used:
-
Node Js
-
Javascript
-
Handlebars
-
Lodash
-
Express Js
-
MySql
-
Sequelize
-
In the homepage, you will be directed to a login form. Please enter your credentials (email and password) to sign in. Alternatively, you can sign up if you are a new user.
-
In the top left, the "ProjectHub" logo will navigate you to the dashboard.
-
At the top left of the navigation, there are multiple selections.
-
Click on "Home" to be taken back to the dashboard from anywhere in the site.
-
Click on "Clients" to view a list of all clients in the ProjectHub database. You can then select "View File" to view a client's projects and personal details. At the top of the clients page, you can also search for a client using their first name.
-
Click on "Projects" to view a list of all projects in the ProjectHub database. You can then select "View Project" to view a project's specifications and a map overview of the property location. In the project page, you can also opt to delete a project from the database.
-
Certain functions are only available to users who have been authenticated upon logging in to the site. This includes editing and deleting stored data.
-
Edit/Delete Records: giving the website full CRUD like features, which in turn makes the website more useful.
-
Pagination: pages displaying lists of records could be paginated so that the webpage can load faster and so that the user is not overwhelmed with information.
-
Export CSV data: Abitliy to export clients and projects database as an CSV file to be able to load into a spreadsheet and do calculations with
-
Editing Clients: Option for a user to edit a client's personal details in the individual client page.
-
Lodash - https://lodash.com/docs/4.17.15
-
Sequelize 7 API - https://sequelize.org/
-
Express.js - https://expressjs.com/
-
Google Maps Platform API - https://developers.google.com/maps/documentation
-
Bootstrap - https://getbootstrap.com