Home Page:
- Added Login functionality with OTP.
- User can watch Plans.
- Toast for various errors in login.
- Login for mobile_number >8 and number < 12 with only number as input.
- RESEND otp and login button on get otp click
- once login until logout client can't go to homepage
DashBoard:
- Client can add items on right side with two mandatory fields item_name and item_code
- client can search with respect to item_name and item_code on search input on top right.
- client can see his mobile number and the logout button on Nav at top right
- client also can view sort alphabetically on the basis of item name by clicking just beside the item_name button
- client can edit the item by clicking on item on can see the changes as soon as client click on save button which is the reactiveness of the dashboard.
- client can't come to dashboard unless the one is not logged in!
Currently the web app is not responsive due to time limit but can be achieved.
Libraries Used:
- Used React with Chakra UI for UI changes.
- Context API with reducers for saving user data.
- react-datepicker for getting date and time.
- react-router-dom V6 for routing and I used updated one just for learning purpose.
For installing in simple steps:
- Download zip file or clone it.
- open the folder in which the project is situated.
- run command npm install on cmd on that directory.
- once run simply do npm start. Done You're ready to go!
Thanks for getting into readme.md This is Om Duragkar https://github.com/OmDuragkar/