Edit Student Route Connected with Frontend

[aaronchan32]

Tracking Info

Resolves #50 and #18

Changes

• Added edit student backend route and connected with frontend
• Included changes for creating students Feature/mraysu/add students backend #57 and getting all student information Route to get all student information #53
• Added example in frontend/src/pages/home.tsx so that the page fetches all student data and displays a list of students with their corresponding view profile button to edit the student data. Please make sure to add a student first!
• Updated default layout in frontend/src/pages/_app.tsx to use the Navigation component. The login/signup components are specified to use the Landing component as a layout

Testing

• As mentioned in Michael's PR: Feature/mraysu/add students backend #57 please add the following environment variables:
  • FRONTEND_ORIGIN field in backend/.env (Ex. FRONTEND_ORIGIN = "http://localhost:3000"). Allows for backend to accept requests from the frontend URL.
  • NEXT_PUBLIC_API_BASE_URL field in frontend/.env (Ex. NEXT_PUBLIC_API_BASE_URL="http://localhost:4000/api"). URL prefix for sending requests to the backend. Be sure to include the route prefix base path "/api"

Confirmation of Change

Note: We should display errors in a more user-friendly way such as adding a toast to the top of the screen or adding error labels in the form fields. We should have designs for loading state and when the data is empty.

[github-actions]

Visit the preview URL for this PR (updated for commit cdedc9a):

https://pia-dev-60cea--pr61-feature-aaronchan32-uj0vjxkj.web.app

_{(expires Thu, 29 Feb 2024 18:50:45 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: b780ee12a240535f7ca0729d49968573a1f3e284}

[adhi0331]

Resolved in Home Page 1.5 PR