GithubHelp home page GithubHelp logo

vidhinpatel08 / daily-project-work-entry Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 0.0 21.73 MB

DPRS project offers advanced data analysis and management solution with a user-friendly dashboard, data visualization, work hours summary, easy entry management and password recovery features.

Home Page: https://dprs.netlify.app

License: MIT License

JavaScript 94.13% HTML 0.64% CSS 4.18% EJS 1.04%
dprs react reactjs hook mongodb reapi daily-project-work-entry

daily-project-work-entry's Introduction

Daily Project Work Entry


LOGO_DPRS


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

Downloads :

we need some tool and IDEs.

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 [email protected]
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 = '[email protected]'

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

MongoDb Compass Connection String

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"

MongoDb Compass Document

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

MongoDb Compass HOW TO ADD DATA-FILE

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 : [email protected] || Password : admin

User Name : [email protected] || Password : farukali


MongoDb Compass Adding Json File

Now you can done Successfully then look like this Windows

MongoDb Compass After completed Data to React application

MongoDb Compass

After complted this you can able to Run DPRS Application


License

This project is licensed under MIT License 2023


ScreenshotsAndDemo

Output Images DPRS

DPRS Project Video


Contact

If you any questions or feedback Contect me Vidhin Patel


FAQ

Thank you !!!

daily-project-work-entry's People

Contributors

vidhinpatel08 avatar

Stargazers

 avatar

Watchers

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