This is my individual part of the Case Study implementation of the 3rd Year 2nd Semester - Case Studies in Software Engineering (CSSE) module. Here we try to solve the difficulties faced in the procurement procedures in the construction industry. As a solution we have created a Web application and a mobile application, whereas this is a the Mobile Application
, implemented with React-Native, NodeJS, ExpressJS and MongoDB.
Here I have implemented the part:
Once a Site Manager add a purchase order, it should be sent for Procurement Department for approval. Once it's approved they make a quotation and send it to the Supplier. Supplier can view those quotations, make a invoice and send back it to Procurement Department. Those invoices view and find the best one by Procurement Department and change the status accordingly. If the status is approved the Supplier can add delivery details. Those details can be viewed by Site Manager and then he/she can make a relevent payment.
Language
Technology
My Contribution:
- Login to the app as a
Site Manager
orSupplier
- Register to the app as a
Site Manager
orSupplier
- Create an Order by Site Manager
- View all created Orders by Site Manager
- View delivery details
- Make a payment by looking the delivery details
- View quotations by Supplier which send by procurement department
- Create invoices for quotations
- View created invoices
- Add delivery details
Screenshots of woring project:
figure 1.1: Splash Screen |
figure 1.2: Register Now Screen |
figure 1.3: Log In Screen |
figure 1.4: Site Manager Dashboard |
figure 1.5: New Order |
figure 1.6: Summary of Order |
figure 1.7: All Orders |
figure 1.8: All Orders |
figure 1.9: Delivery Details |
figure 1.10: Make A Payment |
figure 1.11: Supplier Dashboard |
figure 1.12: View Quotations |
figure 1.13: New Invoice |
figure 1.14: All Invoices |
figure 1.15: New Delivery Details |
figure 1.16: View Delivery Details |
Project Unit Testing
figure 1.1: Frontend Unit Testing |
figure 1.2: Backend Unit Testing |
Configuration
APP DEVELOPMENT ENVIRONMENT SETUP (Both Backend & Frontend)
- Setting up android development environment reference (One time setup for frontend only)
- npm module installation
- run
npm install
- run
STEPS TO RUN APP IN DEBUG MODE
-
Windows
npx react-native run-android
- If any app build failure
- Clean gradle and run the project again
cd android && gradlew clean
- Clean gradle and run the project again
- If any js bundle issues are occurred try one of the bellow steps
- Reset npm cache and run project again
npx react-native start --reset-cache
- If above didn't work, start separate js bundler and run project
npx react-native start
- Reset npm cache and run project again
- If any app build failure
-
Mac and Linux
npx react-native run-android
- If any app build or js bundler issues are occurred, follow the same steps for Windows
Top comments (0)