14 - Creating Update Profile Section in Web App

We shall add a profile section in our web application where we can load the existing values and update the values

Following link gives the details of commit

  1. In the file API-Backend/app/models/applicant.py we observed that the id was made mandatory which is modified to optional now.

  2. webapp/package.json - We shall be using react icons to show the Profile link in the side bar. The package is added in package.json

  3. webapp/src/pages/Profile.jsx - Added the page to show the profile details of a user. We are using useEfffect hook to make an api call at the start of load to show the details of the user. When the user submits the form a call is made to API_BACKEND and details are updated.

  4. webapp/src/App.js - We imported the Profile page and added that in the route so that we can navigate to the page.

  5. As the details are similar to other posts i shall not repeat myself in the post.

  6. Screen shots the implementation