#React.JS(frontend)- Java-Sprinboot-MySQL(backend)c
npm start Runs the app in the development mode. OPEN - -=> http://localhost:3000 to view it in the browser.
Electricity billing system --- I used Java, MySQL and React.js, bootstrap and material UI
calculates the units consumed within a specified time duration and accordingly calculates the amount of money to be paid for those units Unlike the conventional billing system, this computerized software does not require a large number of human employees to handle and manage the process of bill generation. Once it is installed on the system, it will automatically calculate the units consumed and the bills from time to time and also provide the meter readings to each customer • It features a high-performance speed along with accuracy. • It allows for seamless data sharing between the electricity office and customers. • It is protected by high-security measures and controls.
-> User login with existing email and password.if User is not exist, User will create account at register window with email and password
-> Landing page gives information about website and service.
-> E-billing system capture previous read and current read. Calculates with unit price and gives amount of bill with due date. System adds, 14 days to date for due date. Bill details will show information about bill and it is paid or unpaid.
-> User will see only his/her bills whatever under their email address
-> Users can filter their bill by date. Bills are sorted and older bill display first, and new bill will be last.
-> User can go payment window and make (generic payment)., all input fields are required, and card number must be numeric and 16 characters. After filling input field. clicking Authorize this payment and make payment. Unpaid will change to paid in Database and update in frontend as well.
-> Admin Login:
-> Admin has privilege to delete, update, and add new bill to system. When admin attpemt to delete bill in the system, it will ask her/him to confirm it. Then it will delete it from DB. Admin can see all users in user tab, regular user cant see other users' information.
-> Admin can filter data as well by date
-> Contact Us component will display admin email. This email comes from DB.
-> Footer component. Will display social media icons and when user clicks on it it will open in new window.
-> if URL is not exist, 404 not found page wil display. -> Social media icons are clickable and user can click, and go to social media accout of application in new tab.
