Inventory Tracking Webapp Development
Budget: ₹12,500 – ₹37,500 INR
Technologies
React
Bootstrap / Tailwind / Templates
Platforms
Web Platform
Popular modern browsers - Chrome, Safari etc.
Notes on the UI
The screens are primarily data driven and straightforward. Lots of interaction with the APIs to read / update.
Most of the business logic will be done on the backend
Not much optimization is required
Will use UI elements readily available in the CSS frameworks chosen to build this.
Developer is expected to translate the wireframes into a user-friendly interface. Precise pixel level details will not be provided.
Screens
This has been provided at a high level to help estimate the work. We will provide deeper details once the contract is signed.
Screens
1. Home
a. Menu -Top level menu bar to navigate to modules - Receving, Location Manager
b. Display Logged in User Profile - Show the logged in user name
c. Dashboard - Panels to navigate to other screens
d. Account Settings
2. Login - API will be provided to signup and login
a. Sign Up
b. Login
c. Change password
3. Initialize Session
a. Initialize Session
b. Search and add receiving tags
- user enters tag name to search for tags
- search results are shown are displayed
- Can create new tag
- can add tags
- can remove tags
c. Search and Add Customer Tags
- This will reuse the same UI and Search and add receiving tags.
d. Add Purchase Order
- Enter Purchase Order Number
- Upload Attachment
- Preview Attachment (PDF / Images)
- View PO and Attachments
e. Add Attachment
Upload Attachment to the receiving session. same as Add attachment to purchase order
f. Set Receive Date
- Use a standard date picker to change the receiving date
4. Resume Sessions
5. Fill Item Receipt
- Fill the fields in the forms
- Add Notes
- Change receiving tags. Can be changed for the item, or going ahead or for the entire sessions backwards
- Print Label
- Complete Receipt
- Add to location
- Success Screen
- Session History Component - Show every item that was added in the session
6. Initialize Location: There are multiple related forms that need to be saved together
- Edit Location
- Print Location LAbel
- View Parts in Bin
Notes on development process
- We will provide API with sample data to build off of. Some of the APIs might undergo minor revisions.
- A github repo will be provided
- Expect daily check-ins from the developer so that technical architects can perform code reviews regularly.
In scope
- High quality well documented and cleaned up code. Do not want any leftover code from previous projects if you are reusing from there.
- Expected to use good practices of building with React
- Developer tested code. While the customer will perform their own testing, we expect the developer to understand what has been built and tested accordingly.
Out of Scope
- Backend APIs
Communication:
I prefer to manage project communication through email, so please keep that in mind when applying.
React
Bootstrap / Tailwind / Templates
Platforms
Web Platform
Popular modern browsers - Chrome, Safari etc.
Notes on the UI
The screens are primarily data driven and straightforward. Lots of interaction with the APIs to read / update.
Most of the business logic will be done on the backend
Not much optimization is required
Will use UI elements readily available in the CSS frameworks chosen to build this.
Developer is expected to translate the wireframes into a user-friendly interface. Precise pixel level details will not be provided.
Screens
This has been provided at a high level to help estimate the work. We will provide deeper details once the contract is signed.
Screens
1. Home
a. Menu -Top level menu bar to navigate to modules - Receving, Location Manager
b. Display Logged in User Profile - Show the logged in user name
c. Dashboard - Panels to navigate to other screens
d. Account Settings
2. Login - API will be provided to signup and login
a. Sign Up
b. Login
c. Change password
3. Initialize Session
a. Initialize Session
b. Search and add receiving tags
- user enters tag name to search for tags
- search results are shown are displayed
- Can create new tag
- can add tags
- can remove tags
c. Search and Add Customer Tags
- This will reuse the same UI and Search and add receiving tags.
d. Add Purchase Order
- Enter Purchase Order Number
- Upload Attachment
- Preview Attachment (PDF / Images)
- View PO and Attachments
e. Add Attachment
Upload Attachment to the receiving session. same as Add attachment to purchase order
f. Set Receive Date
- Use a standard date picker to change the receiving date
4. Resume Sessions
5. Fill Item Receipt
- Fill the fields in the forms
- Add Notes
- Change receiving tags. Can be changed for the item, or going ahead or for the entire sessions backwards
- Print Label
- Complete Receipt
- Add to location
- Success Screen
- Session History Component - Show every item that was added in the session
6. Initialize Location: There are multiple related forms that need to be saved together
- Edit Location
- Print Location LAbel
- View Parts in Bin
Notes on development process
- We will provide API with sample data to build off of. Some of the APIs might undergo minor revisions.
- A github repo will be provided
- Expect daily check-ins from the developer so that technical architects can perform code reviews regularly.
In scope
- High quality well documented and cleaned up code. Do not want any leftover code from previous projects if you are reusing from there.
- Expected to use good practices of building with React
- Developer tested code. While the customer will perform their own testing, we expect the developer to understand what has been built and tested accordingly.
Out of Scope
- Backend APIs
Communication:
I prefer to manage project communication through email, so please keep that in mind when applying.