Skip to main content

Command Palette

Search for a command to run...

14 - Creating Update Profile Section in Web App

Published
1 min read
S

I am a techie who has coded/developed/lead app development for almost 15 years. I had experience in developing back end systems,database applications,data warehouse applications. I had experience in following technologies - C#, ASP.NET,PYTHON,SQL,SQL SERVER,ORACLE,POSTGRES,AWS,AZURE

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