elzian-agro / expert-system-frontend

This is expert system frontend developed using react

Expert System Frontend

This is expert system frontend developed using react

Install Dependencies & Run the Server

• npm install or npm i // To install all the dependencies
• npm start // Run the server

Frameworks/Libraries used

1. React
2. Material UI
3. Axios

React scripts overview

1. npm start or yarn start

• This runs the app in development mode. The page will automatically reload if a change is made to the code.

2. npm run build or yarn build

• Builds the app for production and optimizes the build for best performance.

Material UI overview

• Version of Material UI used is 5.2.0
• To install the latest stable release use @latest

// with npm npm install @mui/material

// with yarn yarn add @mui/material

Axios overview

• Axios is promise-based, which gives you the ability to take advantage of JavaScript's async and await for more readable asynchronous code.

// with npm npm install axios

// with yarn yarn add axios

// with bower bower install axios

expert-system-frontend's Issues

In profile page, user's existing information does not visible in the edit form in dark mode

• After changing the dark mode to the one below, the user's existing information does not visible in the edit form
• And also 'Reset' word not visible

Create the online user documentation

Complete the user document within this Tuesday(12/04/2022). You need to update the documentation in the above page. If you have any questions or clarification please contact me at anytime.

Organize image file structure

File structure is little bit messy

Better move all documentation related images to src > assets > images > docs directory.

Some issues in edit profile pop up

This pop up should be scrollable when height of the pop up is larger than screen height

And there is a blank button at the bottom of the pop up

Testing and Quality Checking

Check the Expert system and if you find any problems create those problems into github issues.

Fix the profile image in the dropdown.

In the expert system, The above profile image needs to change according to the account that logged in. If you have any question or clarification, contact me anytime.

Warning related to Profile component

In the overall schedule, icons do not display properly in dark mode

In the create schedule, icons do not display properly in dark mode

In the about us page, icons do not display properly in dark mode

Warning related to create shedule component

show more should not display when my schedule is empty

search bar is not working

Contact information does not display properly in dark mode

• After changing the dark mode to the one above, the contact information does not display properly

My schedule is not working.

The my schedule isn't working correctly. Need to fix the issue.

If there is no book schedule the message need to be changed like this.
"There are no booked schedules. Please go the overall schedule and book the meetings."
It needs to be show in attractive manner.

social media sign in not working

sign in with google and linkedIn is not working

sidenavbar response issue

sidenavbar of the application is taking long time to response

Better if we can provide skeleton

Edit profile is not working

• When clicking the save button after changing existing user's information, new information is not visible on the profile page