Daily Project Work Entry

The DPRS project is an advanced and comprehensive solution that provides a comprehensive dashboard with detailed data analysis capabilities, including day, week, and month-wise data visualization through various graphs. The dashboard also includes a work hours summary and weekly work data, along with a work list that allows for easy verification, update, and deletion of DPRS entries. The DPRS module allows for easy addition of DPRS entries by member and project name, along with the ability to track work hours and management support hours, and in/out times of members. The master module includes a comprehensive list of both members and clients, with the ability to add, update, and delete entries for both. The member list includes detailed information such as first name, last name, email, phone, role, designation, department, password, and profile, while the client list includes client name, code, and country. The report module provides detailed activity reports and summaries, which can be filtered by date, member name, and project. The profile module allows users to view and update their personal details, and also includes a password reset feature. The project also includes a login page, where users can log in with their email and password, and a password recovery feature that allows users to reset their password via email.

Table of Contents

• Installation
• Usage
• Contribution
• License
• Screenshots/Demo
• Contact
• FAQ

Installation

Downloads :

we need some tool and IDEs.

• VSCODE : (https://code.visualstudio.com/download)

• Node : (https://nodejs.org/en/download/)

• MongoDb : (https://www.mongodb.com/try/download/community) [we can now used community server]

  if you not geting MongoDB Compass while installing MONGODB then install

• MongoDBCompass : (https://www.mongodb.com/try/download/compass)

Usage

Installation Commands :

Open your project folder and Run code in terminal

npm i
cd '.\Daily Project Work Entry\'
npm install --save chart.js react-chartjs-2
npm i --save chart.js@3.9.1
npm i
cd .\Backend\
npm i
cd..
npm run both 
 

Run Commands :

NOTE : If you have completed the installation commands previously, execute the following command to run the project:

Open your project folder and Run code in terminal

cd '.\Daily Project Work Entry\'
npm run both
 

Contribution

You Need to Change

you need to change MongoDb connect link

db.js

const mongoURI = "mongodb://localhost:27017/DailyProjectWork?directConnection=true&readPreference=primary&appname=DailyProjectWork"; 

mongoURI change with your link

auth.js

let MyPassword = 'xxxxxxxx'
let MyEmailId = 'xxxxx@gmail.com'

here Password is Two-step verification

Connect to Database

In this app you required minimum one Member who can exess the app So let see how can add database

MongoDb Compass Connection String

For that you need to MongoDb Compass and open the Connection panel which is look like this..

Here, If you Want to Change then Update connection string Or As well Same

MongoDb Compass Document

when you connect MongoDb then you Create Database as Name of "DailyProjectWork"

then after You can create Collection as Name of "members"

NOTE : Here it'scompulsory to correct Name otherwise get Errors

MongoDb Compass HOW TO ADD DATA-FILE

After Complted Creation collection, you need to add Data file So you can add like below image

you can select "Import file" option to add Data file.

##3 MongoDb Compass Adding Json File we have json file which is already avilable in Code

Path of Json File : members.json

Default Passwords :

User Name : admin@dprs.com || Password : admin

User Name : farukali@dprs.com || Password : farukali

Now you can done Successfully then look like this Windows

MongoDb Compass After completed Data to React application

After complted this you can able to Run DPRS Application

License

This project is licensed under MIT License 2023

ScreenshotsAndDemo

Output Images DPRS

Contact

If you any questions or feedback Contect me Vidhin Patel

FAQ

Thank you !!!